(
20 | loggedIn ? (
21 |
11 |
12 |
13 |
14 |
24 |
26 |
27 | );
28 |
29 | export default Root;
30 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/buttons.scss:
--------------------------------------------------------------------------------
1 | @import "variables";
2 |
3 |
4 | button:hover, input[type="submit"]:hover, a:hover {
5 | cursor: pointer;
6 | }
7 |
8 |
9 | .button {
10 |
11 | color: white;
12 | padding: 5px 10px;
13 | margin: 10px;
14 | border-radius: 6px;
15 | width: 100%;
16 | height: 45px;
17 |
18 |
19 | &.small {
20 | height: 30px;
21 | width: 70%;
22 | padding: 3px;
23 | margin: 5px;
24 | font-size: 14px;
25 | }
26 |
27 | &.narrow {
28 | width: 100px;
29 | }
30 |
31 | &.disabled {
32 | pointer-events: none;
33 | opacity: 0.5;
34 | }
35 |
36 | &.tiny {
37 | width: 20px;
38 | height: 20px;
39 | font-size: 10px;
40 | padding: 2px;
41 | margin: 3px;
42 | }
43 |
44 | &.green {
45 | background: $light-green;
46 | &:hover {
47 | background: $dark-green;
48 | transition: background 0.2s;
49 | }
50 |
51 | }
52 |
53 | &.red {
54 | color: black;
55 | background: $grey;
56 | &:hover {
57 | color: white;
58 | background: $dark-grey;
59 | transition: background 0.2s;
60 | }
61 | }
62 |
63 | &.grey {
64 | color: black;
65 | background: $grey;
66 | &:hover {
67 | color: white;
68 | background: $dark-grey;
69 | transition: background 0.2s;
70 | }
71 |
72 | }
73 | }
74 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/tag_index.scss:
--------------------------------------------------------------------------------
1 | @import "variables";
2 |
3 | .tag-index-item {
4 | display: flex;
5 | flex-direction: row;
6 | align-items: center;
7 | margin: 5px;
8 | flex-shrink: 2;
9 | }
10 |
11 | .tag-index-item:hover {
12 | .tag-trash-icon {
13 | visibility: visible;
14 | background: $light-green;
15 | cursor: pointer;
16 | transition: background 0.3s;
17 | }
18 |
19 | .tag-details {
20 | background: $light-green;
21 | transition: background 0.3s;
22 | p {
23 | color: white;
24 | }
25 | }
26 | }
27 |
28 | .tag-trash-icon {
29 | visibility: hidden;
30 | padding: 3px;
31 | border-radius: 5px;
32 | height: 20px;
33 | width: auto;
34 | }
35 |
36 | .tag-details {
37 | display: flex;
38 | flex-direction: row;
39 | justify-content: center;
40 | padding: 5px;
41 | margin: 0 5px;
42 | border-radius: 5px;
43 | font-size: 14px;
44 | overflow: hidden;
45 | text-overflow: ellipsis;
46 | white-space: nowrap;
47 | border: 1px solid $grey;
48 | background: $light-grey;
49 | color: $darker-grey;
50 |
51 | p:last-of-type {
52 | color: $light-green;
53 | }
54 | }
55 |
56 | .tag-separator {
57 | display: block;
58 | font-size: 20px;
59 | color: $dark-grey;
60 | width: 100%;
61 | margin-top: 25px;
62 | margin-bottom: 10px;
63 | }
64 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/note_order_dropdown.scss:
--------------------------------------------------------------------------------
1 | @import "variables";
2 |
3 | .sort-option-div {
4 | width: 100%;
5 | min-height: 40px;
6 | display: flex;
7 | align-items: center;
8 | justify-content: flex-end;
9 | border-bottom: 1px solid $light-grey;
10 | padding-bottom: 5px;
11 | background: white;
12 |
13 | :hover {
14 | cursor: pointer;
15 | }
16 | }
17 |
18 | .sort-button {
19 | padding-right: 20px;
20 | position: relative;
21 | color: $darker-grey;
22 | }
23 |
24 | .order-dropdown {
25 | width: 250px;
26 | height: auto;
27 | top: 35px;
28 | right: 0;
29 | position: absolute;
30 | background: white;
31 | border: 2px solid $light-grey;
32 | display: flex;
33 | flex-direction: column;
34 | z-index: 45;
35 | }
36 |
37 | .order-dropdown-closed {
38 | display: none;
39 | }
40 |
41 | .order-dropdown-overlay {
42 | height: 100%;
43 | width: 100%;
44 | top: 0px;
45 | left: 0px;
46 | position: fixed;
47 | overflow: hidden;
48 | z-index: 44;
49 | }
50 |
51 | .order-dropdown-overlay-closed {
52 | display: none;
53 | }
54 |
55 | .note-order {
56 | padding: 5px;
57 | color: $darker-grey;
58 | text-align: left;
59 | }
60 |
61 | .note-order.selected {
62 | color: $light-green;
63 | font-weight: 700;
64 | }
65 |
66 | .note-order:hover, .note-order.selected:hover {
67 | background: $light-green;
68 | color: white;
69 | }
70 |
--------------------------------------------------------------------------------
/config/secrets.yml:
--------------------------------------------------------------------------------
1 | # Be sure to restart your server when you modify this file.
2 |
3 | # Your secret key is used for verifying the integrity of signed cookies.
4 | # If you change this key, all old signed cookies will become invalid!
5 |
6 | # Make sure the secret is at least 30 characters and all random,
7 | # no regular words or you'll be exposed to dictionary attacks.
8 | # You can use `rails secret` to generate a secure secret key.
9 |
10 | # Make sure the secrets in this file are kept private
11 | # if you're sharing your code publicly.
12 |
13 | # Shared secrets are available across all environments.
14 |
15 | # shared:
16 | # api_key: a1B2c3D4e5F6
17 |
18 | # Environmental secrets are only available for that specific environment.
19 |
20 | development:
21 | secret_key_base: 0b806dfab4087ce5e25ca5cde7792075793c75cd083b3489011ec562ce0f3fd585b0248196c2885282b2e2ea13d5e56c31abc9cc7aa31287a7395ba7f89be08d
22 |
23 | test:
24 | secret_key_base: 6e1005cf8c4c7a5af5d6d2b8844c4c114da57a46f9eb80cfcf330064cc6f020dea05090286de46f858c9cce82b714bb852c9a150025f3610a9d3cfdc0a95dfda
25 |
26 | # Do not keep production secrets in the unencrypted secrets file.
27 | # Instead, either read values from the environment.
28 | # Or, use `bin/rails secrets:setup` to configure encrypted secrets
29 | # and move the `production:` environment over there.
30 |
31 | production:
32 | secret_key_base: <%= ENV["SECRET_KEY_BASE"] %>
33 |
--------------------------------------------------------------------------------
/frontend/actions/flag_actions.js:
--------------------------------------------------------------------------------
1 | import * as FlagUtil from '../util/flag_api_util';
2 |
3 | export const RECEIVE_FLAG = 'RECEIVE_FLAG';
4 | export const REMOVE_FLAG = 'REMOVE_FLAG';
5 | export const RECEIVE_FLAG_ERRORS = 'RECEIVE_FLAG_ERRORS';
6 | export const RECEIVE_FLAGS = 'RECEIVE_FLAGS';
7 |
8 | export const receiveFlag = (newFlag) => {
9 | return {
10 | type: RECEIVE_FLAG,
11 | flag: newFlag,
12 | };
13 | };
14 |
15 | export const removeFlag = (flag) => {
16 | return {
17 | type: REMOVE_FLAG,
18 | flag,
19 | };
20 | };
21 |
22 | export const receiveFlagErrors = (errors) => {
23 | return {
24 | type: RECEIVE_FLAG_ERRORS,
25 | errors: errors.responseJSON,
26 | };
27 | };
28 |
29 | export const receiveFlags = (flags, googleMap, infoWindow, notes) => {
30 | return {
31 | type: RECEIVE_FLAGS,
32 | flags,
33 | googleMap,
34 | infoWindow,
35 | notes,
36 | };
37 | ;}
38 |
39 |
40 | export const deleteFlag = (flagId, googleMap) => {
41 | return (dispatch) => {
42 | return FlagUtil.deleteFlag(flagId)
43 | .then((flag) => dispatch(removeFlag(flag, googleMap)));
44 | };
45 | };
46 |
47 | export const createFlag = (flag, googleMap) => {
48 | return (dispatch) => {
49 | return FlagUtil.createFlag(flag)
50 | .then((flag) => dispatch(receiveFlag(flag, googleMap)),
51 | (errors) => dispatch(receiveFlagErrors(errors))
52 | );};
53 | };
54 |
--------------------------------------------------------------------------------
/frontend/components/map_view/location_search.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | class LocationSearch extends React.Component {
4 | constructor(props) {
5 | super(props);
6 | this.state = {inputVal: ""};
7 | }
8 |
9 | setAutocomplete() {
10 | const options = {
11 | };
12 | this.locationAutocomplete = new google.maps.places.Autocomplete(this.searchInputEl, options);
13 | this.locationAutocomplete.addListener('place_changed', (e) => {
14 | const location = this.locationAutocomplete.getPlace();
15 | this.props.selectLocation(location.geometry.location.lat(), location.geometry.location.lng(), location.name, location.place_id, location.formatted_address);
16 | });
17 | }
18 |
19 | componentDidMount() {
20 | this.searchInputEl = document.getElementById(`location-search-input-${this.props.renderedOn}`);
21 | }
22 |
23 | render() {
24 | if (this.searchInputEl && window.google && !this.locationAutocomplete) {
25 | this.setAutocomplete();
26 | }
27 | const placeholder = this.props.renderedOn === "map" ? " ⚐ Search Location" : " ⚐ Add Flag";
28 |
29 | return (
30 |
31 |
36 | );
37 | }
38 | }
39 |
40 | export default LocationSearch;
41 |
--------------------------------------------------------------------------------
/app/controllers/api/notes_controller.rb:
--------------------------------------------------------------------------------
1 | class Api::NotesController < ApplicationController
2 |
3 | def destroy
4 | @note = current_user.notes.includes(:tags).find(params[:id])
5 | @note.destroy!
6 | render :destroy
7 | end
8 |
9 | def update
10 | @note = current_user.notes.includes(:tags, :flag, :notebook).find(params[:id])
11 |
12 | notebook_ids = [@note.notebook_id]
13 | tag_ids = @note.tag_ids
14 | flag_ids = @note.flag ? [@note.flag_id] : []
15 |
16 | if @note.update(note_params)
17 |
18 | notebook_ids << @note.notebook_id if !notebook_ids.include?(@note.notebook_id)
19 | flag_ids << @note.flag_id if @note.flag_id && !flag_ids.include?(@note.flag_id)
20 | tag_ids = (tag_ids + @note.tag_ids).uniq
21 |
22 | @notebooks = Notebook.where(id: [notebook_ids])
23 | @flags = Flag.where(id: [flag_ids])
24 | @tags = Tag.where(id: [tag_ids])
25 | render :update
26 | else
27 | render json: @note.errors.messages.values.flatten, status: 422
28 | end
29 | end
30 |
31 | def create
32 | @note = current_user.notes.new(note_params)
33 | if @note.save
34 | render :create
35 | else
36 | render json: @note.errors.messages.values.flatten, status: 422
37 | end
38 | end
39 |
40 | def note_params
41 | params.require(:note).permit(:title, :body, :body_plain, :notebook_id, :flag_id, tag_ids: [])
42 | end
43 |
44 | end
45 |
--------------------------------------------------------------------------------
/frontend/reducers/entities/notebooks_reducer.js:
--------------------------------------------------------------------------------
1 | import { RECEIVE_ALL_ENTITIES } from '../../actions/entity_actions';
2 | import { RECEIVE_NOTEBOOK, REMOVE_NOTEBOOK } from '../../actions/notebook_actions';
3 | import { RECEIVE_CURRENT_USER } from '../../actions/session_actions';
4 | import { RECEIVE_NEW_NOTE, RECEIVE_UPDATED_NOTE, REMOVE_NOTE } from '../../actions/note_actions';
5 | import { merge } from 'lodash';
6 |
7 | const NotebooksReducer = (oldState = {}, action) => {
8 | const newState = merge({}, oldState);
9 | switch (action.type) {
10 | case RECEIVE_CURRENT_USER:
11 | return action.currentUser ? oldState : {};
12 | case RECEIVE_ALL_ENTITIES:
13 | return action.notebooks ? Object.assign({}, action.notebooks) : {};
14 | case RECEIVE_NOTEBOOK:
15 | newState[action.notebook.id] = action.notebook;
16 | return newState;
17 | case REMOVE_NOTEBOOK:
18 | delete newState[action.notebook.id];
19 | return newState;
20 | case RECEIVE_NEW_NOTE:
21 | newState[action.note.notebookId].noteIds.push(action.note.id);
22 | return newState;
23 | case RECEIVE_UPDATED_NOTE:
24 | return Object.assign(newState, action.notebooks);
25 | case REMOVE_NOTE:
26 | newState[action.notebookId].noteIds = newState[action.notebookId].noteIds.filter((noteId) => noteId !== action.noteId);
27 | return newState;
28 | default:
29 | return oldState;
30 | }
31 | };
32 |
33 | export default NotebooksReducer;
34 |
--------------------------------------------------------------------------------
/frontend/actions/ui_actions.js:
--------------------------------------------------------------------------------
1 | export const TOGGLE_DELETE_FORM = "TOGGLE_DELETE_FORM";
2 | export const TOGGLE_CREATE_FORM = "TOGGLE_CREATE_FORM";
3 | export const TOGGLE_NOTE_ORDER = "TOGGLE_NOTE_ORDER";
4 | export const TOGGLE_SELECTED_NOTEBOOK = "TOGGLE_SELECTED_NOTEBOOK";
5 | export const TOGGLE_MODAL = "TOGGLE_MODAL";
6 | export const TOGGLE_SIDEMENU = "TOGGLE_SIDEMENU";
7 | export const TOGGLE_SIDEMENU_ITEM_TYPE = "TOGGLE_SIDEMENU_ITEM_TYPE";
8 |
9 | export const toggleModal = (modalName) => {
10 | return {
11 | type: TOGGLE_MODAL,
12 | modalName,
13 | };
14 | };
15 |
16 | export const toggleSidemenuItemType = (itemType) => {
17 | return {
18 | type: TOGGLE_SIDEMENU_ITEM_TYPE,
19 | itemType,
20 | };
21 | };
22 |
23 | export const toggleSidemenu = () => {
24 | return {
25 | type: TOGGLE_SIDEMENU,
26 | };
27 | };
28 |
29 | export const toggleSelectedNotebook = (notebookId, clicked) => {
30 | return {
31 | type: TOGGLE_SELECTED_NOTEBOOK,
32 | notebookId,
33 | clicked,
34 | };
35 | };
36 |
37 | export const toggleDeleteForm = (toDelete) => {
38 | return {
39 | type: TOGGLE_DELETE_FORM,
40 | toDelete,
41 | };
42 | };
43 |
44 | export const toggleCreateForm = (itemType) => {
45 | return {
46 | type: TOGGLE_CREATE_FORM,
47 | itemType,
48 | };
49 | };
50 |
51 | export const toggleNoteOrder = (order) => {
52 | return {
53 | type: TOGGLE_NOTE_ORDER,
54 | order,
55 | };
56 | };
57 |
--------------------------------------------------------------------------------
/frontend/reducers/entities/flags_reducer.js:
--------------------------------------------------------------------------------
1 | import { RECEIVE_ALL_ENTITIES } from '../../actions/entity_actions';
2 | import { RECEIVE_FLAG, REMOVE_FLAG } from '../../actions/flag_actions';
3 | import { RECEIVE_CURRENT_USER } from '../../actions/session_actions';
4 | import { RECEIVE_NEW_NOTE, RECEIVE_UPDATED_NOTE, REMOVE_NOTE } from '../../actions/note_actions';
5 | import { merge } from 'lodash';
6 |
7 | const FlagsReducer = (oldState = {}, action) => {
8 | let newState = merge({}, oldState);
9 | switch (action.type) {
10 | case RECEIVE_CURRENT_USER:
11 | return action.currentUser ? oldState : {};
12 | case RECEIVE_ALL_ENTITIES:
13 | return action.flags ? merge({}, action.flags) : {};
14 | case RECEIVE_FLAG:
15 | newState[action.flag.id] = action.flag;
16 | return newState;
17 | case REMOVE_FLAG:
18 | delete newState[action.flag.id];
19 | return newState;
20 | case RECEIVE_NEW_NOTE:
21 | if (action.note.flagId) {
22 | newState[action.note.flagId].noteIds.push(action.note.id);
23 | }
24 | return newState;
25 | case RECEIVE_UPDATED_NOTE:
26 | return merge(newState, action.flags);
27 | case REMOVE_NOTE:
28 | if (action.flagId) {
29 | newState[action.flagId].noteIds = newState[action.flagId].noteIds.filter((noteId) => noteId !== action.noteId);
30 | }
31 | return newState;
32 | default:
33 | return oldState;
34 | }
35 | };
36 |
37 | export default FlagsReducer;
38 |
--------------------------------------------------------------------------------
/frontend/actions/session_actions.js:
--------------------------------------------------------------------------------
1 | import * as SessionUtil from '../util/session_api_util';
2 |
3 | export const RECEIVE_CURRENT_USER = 'RECEIVE_CURRENT_USER';
4 | export const RECEIVE_USER_ERRORS = 'RECEIVE_USER_ERRORS';
5 |
6 | export const receiveCurrentUser = (currentUser) => {
7 | return {
8 | type: RECEIVE_CURRENT_USER,
9 | currentUser,
10 | };
11 | };
12 |
13 | export const receiveUserErrors = (errors) => {
14 | return {
15 | type: RECEIVE_USER_ERRORS,
16 | errors: errors.responseJSON,
17 | };
18 | };
19 |
20 | export const login = (user) => {
21 | return (dispatch) => {
22 | return SessionUtil.login(user).then((userRes) => {
23 | dispatch(receiveCurrentUser(userRes));
24 | dispatch(receiveUserErrors([]));
25 | },
26 | (userErrors) => dispatch(receiveUserErrors(userErrors))
27 | );};
28 | };
29 |
30 | export const signup = (user) => {
31 | return (dispatch) => {
32 | return SessionUtil.signup(user).then((userRes) => {
33 | dispatch(receiveCurrentUser(userRes));
34 | dispatch(receiveUserErrors([]));
35 | },
36 | (userErrors) => dispatch(receiveUserErrors(userErrors))
37 | );};
38 | };
39 |
40 | export const logout = () => {
41 | return (dispatch) => {
42 | return SessionUtil.logout().then(() => {
43 | dispatch(receiveCurrentUser(null));
44 | dispatch(receiveUserErrors([]));
45 | },
46 | (errors) => dispatch(receiveUserErrors(errors))
47 | );};
48 | };
49 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/application.scss:
--------------------------------------------------------------------------------
1 | /*
2 | * This is a manifest file that'll be compiled into application.css, which will include all the files
3 | * listed below.
4 | *
5 | * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
6 | * vendor/assets/stylesheets directory can be referenced here using a relative path.
7 | *
8 | * You're free to add application-wide styles to this file and they'll appear at the bottom of the
9 | * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
10 | * files in this directory. Styles in this file should be added after the last require_* statement.
11 | * It is generally better to create a new file per style scope.
12 | *
13 | *= require reset
14 | *= require buttons
15 | *= require_tree .
16 | *= require_self
17 | */
18 |
19 | @import "variables";
20 |
21 | .app-page {
22 | overflow: hidden;
23 | display: flex;
24 | flex-direction: row;
25 | align-items: flex-start;
26 | height: 100%;
27 | width: 100%;
28 | box-sizing: border-box;
29 | }
30 |
31 | body, html {
32 | height: 100vh;
33 | overflow: hidden;
34 | }
35 |
36 | #root {
37 | height: 100vh;
38 | overflow: hidden;
39 | }
40 |
41 | ::-webkit-scrollbar {
42 | width: 10px;
43 | }
44 |
45 | ::-webkit-scrollbar-track {
46 | background: $light-grey;
47 | border-radius: 7px;;
48 | }
49 |
50 | ::-webkit-scrollbar-thumb {
51 | background: $grey;
52 | border-radius: 7px;
53 | }
54 |
--------------------------------------------------------------------------------
/frontend/reducers/entities/tags_reducer.js:
--------------------------------------------------------------------------------
1 | import { RECEIVE_TAG, REMOVE_TAG } from '../../actions/tag_actions';
2 | import { RECEIVE_ALL_ENTITIES } from '../../actions/entity_actions';
3 | import { RECEIVE_CURRENT_USER } from '../../actions/session_actions';
4 | import { RECEIVE_NEW_NOTE, RECEIVE_UPDATED_NOTE, REMOVE_NOTE } from '../../actions/note_actions';
5 | import { merge } from 'lodash';
6 |
7 | const TagsReducer = (oldState = {}, action) => {
8 | const newState = merge({}, oldState);
9 | switch (action.type) {
10 | case RECEIVE_CURRENT_USER:
11 | return action.currentUser ? oldState : {};
12 | case RECEIVE_ALL_ENTITIES:
13 | return action.tags ? Object.assign({}, action.tags) : {};
14 | case RECEIVE_TAG:
15 | newState[action.tag.id] = action.tag;
16 | return newState;
17 | case REMOVE_TAG:
18 | delete newState[action.tag.id];
19 | return newState;
20 | case RECEIVE_NEW_NOTE:
21 | action.note.tagIds.forEach((tagId) => {
22 | newState[tagId].noteIds.push(action.note.id);
23 | });
24 | return newState;
25 | case RECEIVE_UPDATED_NOTE:
26 | return Object.assign(newState, action.tags);
27 | case REMOVE_NOTE:
28 | action.tagIds.forEach((tagId) => {
29 | newState[tagId].noteIds = newState[tagId].noteIds.filter((noteId) => noteId !== action.noteId);
30 | });
31 | return newState;
32 | default:
33 | return oldState;
34 | }
35 | };
36 |
37 | export default TagsReducer;
38 |
--------------------------------------------------------------------------------
/app/models/user.rb:
--------------------------------------------------------------------------------
1 | class User < ApplicationRecord
2 | validates :email, :session_token, presence: true
3 | validates :email, uniqueness: true, case_sensitive: false
4 | validates :password, length: { minimum: 6, allow_nil: true }
5 | validate :valid_email
6 |
7 | attr_reader :password
8 |
9 | after_initialize :ensure_session_token
10 |
11 | has_many :notebooks, dependent: :destroy
12 | has_many :notes, through: :notebooks
13 | has_many :tags, dependent: :destroy
14 | has_many :photos, dependent: :destroy
15 | has_many :flags, dependent: :destroy
16 |
17 | def valid_email
18 | if !email.include?("@") && email != ""
19 | errors[:base] << "Email is invalid"
20 | end
21 | end
22 |
23 | def self.find_by_credentials(email, password)
24 | user = User.find_by(email: email)
25 | user && user.is_password?(password) ? user : nil
26 | end
27 |
28 | def self.generate_token
29 | SecureRandom::urlsafe_base64
30 | end
31 |
32 | def password=(password)
33 | @password = password
34 | self.password_digest = BCrypt::Password.create(password)
35 | end
36 |
37 | def is_password?(password)
38 | BCrypt::Password.new(self.password_digest).is_password?(password)
39 | end
40 |
41 | def ensure_session_token
42 | self.session_token = User.generate_token
43 | end
44 |
45 | def reset_session_token!
46 | self.session_token = User.generate_token
47 | self.save!
48 | self.session_token
49 | end
50 |
51 | end
52 |
--------------------------------------------------------------------------------
/app/views/layouts/application.html.erb:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Omninote
5 | <%= csrf_meta_tags %>
6 |
27 | {option}
28 | )
29 | );
30 | return (
31 | [
32 | ,
42 |
45 |
46 | ]
47 | );
48 | }
49 | }
50 |
51 |
52 | export default NoteOrderOptions;
53 |
--------------------------------------------------------------------------------
/app/models/flag.rb:
--------------------------------------------------------------------------------
1 | class Flag < ApplicationRecord
2 | validates :place_id, :title, :lat, :lng, presence: true
3 | validates :place_id, uniqueness: { scope: :user }
4 |
5 | belongs_to :user
6 | has_many :notes, dependent: :nullify
7 |
8 | end
9 |
10 |
11 | # polymorphic notes
12 | # polymorphic association- noteable- notes can belong to notebook or Flag
13 | # add migration for notes so it holds foreign key + foreign class
14 | # pros: polymorphic associations!
15 | # cons: editor component would have to double as a notebook note editor and a map note editor (or )
16 |
17 | # OR
18 |
19 | # new table for new kind of note, specfic for locations?
20 |
21 | # OR
22 | # just new kind of tag that's a location, so just adding another belongs to association on the same notes
23 | # notes can belong both to a notebook and a location
24 | # add modal for location selector
25 | # another modal to view tagged locations
26 | # or combine modals so index and
27 |
28 | # but then does a note need to belong to both a notebook and a location?
29 |
30 |
31 | # click add flag
32 | # opens map view
33 | # user inputs search query
34 | # autocomplete for matching places
35 | # add flag button on location marker
36 | # add flag button will create new flag, apply name to note editor view
37 | # add flag button turns into change flag button
38 |
39 | # map view shows map and list of all flagged notes on left, with locations within map view
40 | # location markers also have button to filter notes to only that location's notes
41 | # button at top of flagged locations list to see all flagged locations
42 |
--------------------------------------------------------------------------------
/frontend/components/session/logout_form.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Modal from 'react-modal';
3 | import { merge } from 'lodash';
4 |
5 | class LogoutForm extends React.Component {
6 |
7 | constructor(props) {
8 | super(props);
9 | this.handleSubmit = this.handleSubmit.bind(this);
10 | this.handleCancel = this.handleCancel.bind(this);
11 | this.toggleLogoutForm = this.props.toggleLogoutForm.bind(this);
12 | }
13 |
14 | handleSubmit(e) {
15 | e.stopPropagation();
16 | this.toggleLogoutForm();
17 | this.props.logout()
18 | }
19 |
20 | handleCancel(e) {
21 | e.stopPropagation();
22 | this.toggleLogoutForm();
23 | }
24 |
25 | render() {
26 | return (
27 |
33 |
34 |
Log Out
35 |
36 |
Are you sure you want to leave?
37 |
38 |
40 | Cancel
41 |
44 | Log Out
45 |
46 |
48 | );
49 | }
50 | }
51 |
52 | export default LogoutForm;
53 |
--------------------------------------------------------------------------------
/frontend/components/sidemenu/sidemenu_index_item.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import NotebookDetails from './notebook_details';
3 | import TagDetails from './tag_details';
4 |
5 | class SidemenuIndexItem extends React.Component {
6 |
7 | constructor (props) {
8 | super(props);
9 | this.handleClick = this.handleClick.bind(this);
10 | }
11 |
12 | handleClick (id) {
13 | return (e) => {
14 | if (e.target.id === "delete") {
15 | this.props.toggleDeleteForm(id);
16 | e.stopPropagation();
17 | } else {
18 | this.props.toggleSidemenu();
19 | const path = `/${this.props.itemType}s/${this.props.item.id}`;
20 | if (this.props.location.pathname !== path) {
21 | this.props.history.push(path);
22 | }
23 | e.stopPropagation();
24 | }
25 | };
26 | }
27 |
28 | render () {
29 | const notePluralized = this.props.item.noteIds.length === 1 ? "note" : "notes";
30 | return (
31 |
33 | {this.props.itemType === "notebook" ?
34 |
41 | );
42 | }
43 | }
44 |
45 | export default SidemenuIndexItem;
46 |
--------------------------------------------------------------------------------
/frontend/components/entity_forms/delete_form_container.js:
--------------------------------------------------------------------------------
1 | import DeleteForm from './delete_form';
2 | import { connect } from 'react-redux';
3 | import { deleteNotebook } from '../../actions/notebook_actions';
4 | import { deleteNote } from '../../actions/note_actions';
5 | import { deleteTag } from '../../actions/tag_actions';
6 | import { deleteFlag } from '../../actions/flag_actions';
7 | import { toggleDeleteForm, toggleSelectedNotebook } from '../../actions/ui_actions';
8 | import { withRouter } from 'react-router-dom';
9 |
10 | const mapStateToProps = (state, ownProps) => {
11 | const item = state.entities[`${ownProps.itemType}s`][state.ui.deleteForm.id];
12 | return {
13 | item,
14 | formTitle: `DELETE ${ownProps.itemType}`,
15 | deleteForm: state.ui.deleteForm,
16 | formMessage: "Are you sure you want to delete",
17 | formMessageTitle: `${item ? item.title.concat("?") : ""}`,
18 | };
19 | };
20 |
21 | const mapDispatchToProps = (dispatch, ownProps) => {
22 | let action;
23 | switch(ownProps.itemType) {
24 | case "notebook":
25 | action = deleteNotebook;
26 | break;
27 | case "note":
28 | action = deleteNote;
29 | break;
30 | case "tag":
31 | action = deleteTag;
32 | break;
33 | case "flag":
34 | action = deleteFlag;
35 | break;
36 | default:
37 | break;
38 | }
39 | return {
40 | deleteItem: (id) => dispatch(action(id)),
41 | toggleDeleteForm: (toDelete) => dispatch(toggleDeleteForm(toDelete)),
42 | toggleSelectedNotebook: () => dispatch(toggleSelectedNotebook(null, false)),
43 | };
44 | };
45 |
46 | export default withRouter(connect(mapStateToProps, mapDispatchToProps)(DeleteForm));
47 |
--------------------------------------------------------------------------------
/frontend/util/sorters.js:
--------------------------------------------------------------------------------
1 | export const sortItems = (notes, sortOrder) => {
2 | return notes.sort(comparingFunctions[sortOrder]);
3 | };
4 |
5 | const updatedAtNewest = (a, b) => {
6 | if (a.updatedAt > b.updatedAt) {
7 | return -1;
8 | }
9 | else if (a.updatedAt < b.updatedAt) {
10 | return 1;
11 | } else {
12 | return 0;
13 | }
14 | };
15 |
16 | const updatedAtOldest = (a, b) => {
17 | if (a.updatedAt < b.updatedAt) {
18 | return -1;
19 | }
20 | else if (a.updatedAt > b.updatedAt) {
21 | return 1;
22 | } else {
23 | return 0;
24 | }
25 | };
26 |
27 | const createdAtNewest = (a, b) => {
28 | if (a.createdAt > b.createdAt) {
29 | return -1;
30 | }
31 | else if (a.createdAt < b.createdAt) {
32 | return 1;
33 | } else {
34 | return 0;
35 | }
36 | };
37 |
38 | const createdAtOldest = (a, b) => {
39 | if (a.createdAt < b.createdAt) {
40 | return -1;
41 | }
42 | else if (a.createdAt > b.createdAt) {
43 | return 1;
44 | } else {
45 | return 0;
46 | }
47 | };
48 |
49 | const titleAsc = (a, b) => {
50 | if (a.title.toLowerCase() < b.title.toLowerCase()) {
51 | return -1;
52 | }
53 | else if (a.title.toLowerCase() > b.title.toLowerCase()) {
54 | return 1;
55 | } else {
56 | return 0;
57 | }
58 | };
59 |
60 | const titleDesc = (a, b) => {
61 | if (a.title.toLowerCase() > b.title.toLowerCase()) {
62 | return -1;
63 | }
64 | else if (a.title.toLowerCase() < b.title.toLowerCase()) {
65 | return 1;
66 | } else {
67 | return 0;
68 | }
69 | };
70 |
71 |
72 | const comparingFunctions = [
73 | updatedAtNewest,
74 | createdAtNewest,
75 | updatedAtOldest,
76 | createdAtOldest,
77 | titleAsc,
78 | titleDesc
79 | ];
80 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/notebook_dropdown.scss:
--------------------------------------------------------------------------------
1 | @import "variables";
2 |
3 | .select-notebook {
4 | margin-right: 15px;
5 | position: relative;
6 | min-width: 300px;
7 | max-width: 300px;
8 | }
9 |
10 | .select-notebook:hover {
11 | cursor: pointer;
12 | }
13 |
14 | .select-notebook > :first-child {
15 | white-space: nowrap;
16 | text-overflow: ellipsis;
17 | overflow: hidden;
18 | margin-bottom: 15px;
19 | }
20 |
21 | .notebook-dropdown-open {
22 | min-width: 300px;
23 | max-width: 300px;
24 | background: white;
25 | display: flex;
26 | z-index: 45;
27 | position: absolute;
28 | top: 30px;
29 | border: 1px solid $light-grey;
30 | }
31 |
32 | .notebook-dropdown-closed {
33 | display: none;
34 | }
35 |
36 | .notebook-dropdown-overlay-open {
37 | height: 100%;
38 | width: 100%;
39 | z-index: 44;
40 | top: 0px;
41 | left: 0px;
42 | position: fixed;
43 | overflow: hidden;
44 | }
45 |
46 | .notebook-dropdown-overlay-closed {
47 | display: none;
48 | }
49 |
50 | .notebook-list {
51 | max-height: 300px;
52 | width: 100%;
53 | overflow-y: scroll;
54 | overflow-x: hidden;
55 | display: flex;
56 | flex-direction: column;
57 | align-items: flex-start;
58 | }
59 |
60 | .notebook-dropdown-item {
61 | width: 100%;
62 | padding: 5px;
63 | color: $darker-grey;
64 | text-align: left;
65 | box-sizing: border-box;
66 | word-wrap: break-word;
67 | }
68 |
69 | .notebook-dropdown-item.selected {
70 | color: $light-green;
71 | font-weight: 700;
72 | }
73 |
74 | .notebook-dropdown-item:hover, .notebook-dropdown-item.selected:hover {
75 | background: $light-green;
76 | color: white;
77 | }
78 |
79 | .notebook-dropdown-item:last-of-type {
80 | background-color: $light-grey;
81 | }
82 |
--------------------------------------------------------------------------------
/frontend/actions/note_actions.js:
--------------------------------------------------------------------------------
1 | import * as NoteUtil from '../util/note_api_util';
2 |
3 | export const RECEIVE_NEW_NOTE = "RECEIVE_NEW_NOTE";
4 | export const RECEIVE_UPDATED_NOTE = "RECEIVE_UPDATED_NOTE";
5 | export const REMOVE_NOTE = "REMOVE_NOTE";
6 | export const RECEIVE_NOTE_ERRORS = "RECEIVE_NOTE_ERRORS";
7 |
8 | export const receiveNewNote = ({note}) => {
9 | return {
10 | type: RECEIVE_NEW_NOTE,
11 | note,
12 | };
13 | };
14 |
15 | export const receiveUpdatedNote = ({note, tags, notebooks, flags}) => {
16 | return {
17 | type: RECEIVE_UPDATED_NOTE,
18 | note,
19 | tags,
20 | notebooks,
21 | flags,
22 | };
23 | };
24 |
25 | export const removeNote = ({noteId, notebookId, tagIds, flagId}) => {
26 | return {
27 | type: REMOVE_NOTE,
28 | noteId,
29 | tagIds,
30 | notebookId,
31 | flagId,
32 | };
33 | };
34 |
35 | export const receiveNoteErrors = (errors) => {
36 | return {
37 | type: RECEIVE_NOTE_ERRORS,
38 | errors: errors.responseJSON,
39 | };
40 | };
41 |
42 | export const deleteNote = (noteId) => {
43 | return (dispatch) => {
44 | return NoteUtil.deleteNote(noteId)
45 | .then((noteRes) => dispatch(removeNote(noteRes)));
46 | };
47 | };
48 |
49 | export const createNote = (note) => {
50 | return (dispatch) => {
51 | return NoteUtil.createNote(note)
52 | .then((noteRes) => dispatch(receiveNewNote(noteRes)),
53 | (errors) => dispatch(receiveNoteErrors(errors))
54 | );};
55 | };
56 |
57 | export const updateNote = (note) => {
58 | return (dispatch) => {
59 | return NoteUtil.updateNote(note)
60 | .then((noteRes) => dispatch(receiveUpdatedNote(noteRes)),
61 | (errors) => dispatch(receiveNoteErrors(errors))
62 | );};
63 | };
64 |
--------------------------------------------------------------------------------
/frontend/components/default_page.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import SessionForm from './session/session_form_container';
3 | import { Link } from 'react-router-dom';
4 |
5 | class DefaultPage extends React.Component {
6 |
7 | constructor (props) {
8 | super(props);
9 | }
10 |
11 | render () {
12 | return (
13 |
15 |
16 |
17 |
20 |
21 |
23 |
24 |
25 |
26 | Meet Omninote, your second brain.
27 |
28 |
30 |
32 |
35 |
36 |
47 |
We're sorry, but something went wrong (500)
5 |
60 |
61 |
We're sorry, but something went wrong.
62 |
63 |
If you are the application owner check the logs for more information.
64 |
58 | );
59 | }
60 | }
61 |
62 | export default Map;
63 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/default_page.scss:
--------------------------------------------------------------------------------
1 |
2 | @import "variables";
3 |
4 | .default-page {
5 |
6 | .footer-list a:hover, .right-nav a:hover {
7 | color: $light-green;
8 | transition: color 0.2s;
9 | }
10 |
11 | header {
12 | box-sizing: border-box;
13 | width: 100%;
14 | display: flex;
15 | flex-direction: row;
16 | padding: 30px 150px;
17 | border-bottom: 1px solid $light-grey;
18 | justify-content: space-between;
19 | align-items: center;
20 |
21 | .left-nav, .right-nav {
22 | display: flex;
23 | align-items: center;
24 | }
25 |
26 | .left-nav{
27 |
28 | a {
29 | color: $light-green;
30 | font-family: 'Roboto Slab', serif;
31 | font-size: 30px;
32 | }
33 | img {
34 | height: 40px;
35 | margin-right: 10px;
36 | width: auto;
37 | align-self: flex-end;
38 | }
39 | }
40 |
41 | .right-nav {
42 | a:hover {
43 | color: $light-green;
44 | transition: color 0.2s;
45 | }
46 | }
47 | }
48 |
49 | main {
50 | display: flex;
51 | padding: 50px 150px;
52 | min-height: 400px;
53 | }
54 |
55 | section:nth-of-type(1) {
56 | font-size: 70px;
57 | width: 50%;
58 | }
59 |
60 | section:nth-of-type(2) {
61 | margin-left: 50px;
62 | border-right: 1px solid $light-grey;
63 | }
64 |
65 | section:nth-of-type(3) {
66 | margin-right: 50px
67 | }
68 |
69 | section:nth-of-type(4) {
70 | width: 35%;
71 | }
72 |
73 |
74 | footer {
75 | box-sizing: border-box;
76 | width: 100%;
77 | position: absolute;
78 | bottom: 0;
79 |
80 | .footer-list {
81 | display: flex;
82 | border-top: 1px solid $light-grey;
83 | height: 100px;
84 | align-items: center;
85 | justify-content: flex-start;
86 | padding: 0px 150px;
87 |
88 | a {
89 | padding-right: 30px;
90 | }
91 | }
92 | }
93 | }
94 |
--------------------------------------------------------------------------------
/public/422.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | The change you wanted was rejected (422)
5 |
60 |
61 |
The change you wanted was rejected.
62 |
Maybe you tried to change something you didn't have access to.
63 |
64 |
If you are the application owner check the logs for more information.
65 |
The page you were looking for doesn't exist (404)
5 |
60 |
61 |
The page you were looking for doesn't exist.
62 |
You may have mistyped the address or the page may have moved.
63 |
64 |
If you are the application owner check the logs for more information.
65 |
Click + to add a new note!
;
37 | }
38 |
39 | return (
40 |
41 |
42 |
43 | {this.props.noteIndexHeader}
44 |
45 |
50 |
51 |
57 | );
58 | }
59 | }
60 |
61 | export default NoteIndex;
62 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/full_forms.scss:
--------------------------------------------------------------------------------
1 | @import "variables";
2 |
3 | @-webkit-keyframes fadein {
4 | 0% { background-color: rgba(255, 255, 255, 0);}
5 | 50% { background-color: rgba(255, 255, 255, .5);}
6 | 80% { background-color: rgba(255, 255, 255, 0.7);}
7 | 100% { background-color: rgba(255, 255, 255, 0.8);}
8 | }
9 |
10 |
11 | .full-form-open {
12 | height: 100%;
13 | width: 100%;
14 | top: 0;
15 | left: 0;
16 | position: absolute;
17 | background-color: white;
18 | display: flex;
19 | flex-direction: column;
20 | justify-content: center;
21 | align-items: center;
22 | background-color: rgba(255, 255, 255, 0.9);
23 | overflow: hidden;
24 | z-index: 50;
25 | -webkit-animation: fadein .1s ease-in;
26 |
27 | }
28 |
29 | .full-form {
30 | width: 30%;
31 | height: auto;
32 | display: flex;
33 | flex-direction: column;
34 | align-items: center;
35 |
36 | input {
37 | width: 100%;
38 | margin-top: 20px;
39 | margin-bottom: 20px;
40 | font-size: 26px;
41 | font-family: 'Roboto Slab', serif;
42 | text-align: center;
43 | }
44 | }
45 |
46 | .full-form-message {
47 | margin-top: 20px;
48 | margin-bottom: 10px;
49 | font-size: 26px;
50 | font-family: 'Roboto Slab', serif;
51 | text-align: center;
52 | }
53 |
54 | .full-form-message-title {
55 | margin-bottom: 20px;
56 | font-size: 26px;
57 | font-family: 'Roboto Slab', serif;
58 | text-align: center;
59 | word-wrap: break-word;
60 | }
61 |
62 | .full-form-overlay {
63 | height: 100%;
64 | width: 100%;
65 | top: 0;
66 | left: 0;
67 | position: absolute;
68 | overflow: hidden;
69 | }
70 |
71 | .full-form-header {
72 | color: $darker-grey;
73 | font-size: 20px;
74 | border-bottom: 1px solid $grey;
75 | padding-bottom: 10px;
76 | text-transform: uppercase;
77 | text-align: center;
78 | }
79 |
80 | .full-form-button-container {
81 | margin-top: 10px;
82 | margin-botom: 10px;
83 | display: flex;
84 | flex-direction: row;
85 | flex-wrap: nowrap;
86 | width: 100%
87 | }
88 |
89 | .create-errors {
90 | color: $red;
91 | }
92 |
--------------------------------------------------------------------------------
/frontend/components/note_index/note_index_item.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { NavLink } from 'react-router-dom';
3 | import DeleteForm from '../entity_forms/delete_form_container';
4 |
5 | class NoteIndexItem extends React.Component {
6 |
7 | handleClick (id) {
8 | return (e) => {
9 | if (e.target.id === "delete") {
10 | e.stopPropagation();
11 | this.props.toggleDeleteForm(id);
12 | } else {
13 | e.stopPropagation();
14 | let path;
15 | if (this.props.match.params.notebookId) {
16 | path = `/notebooks/${this.props.match.params.notebookId}/notes/${this.props.note.id}`;
17 | } else if (this.props.match.params.tagId) {
18 | path = `/tags/${this.props.match.params.tagId}/notes/${this.props.note.id}`;
19 | } else if (this.props.match.params.flagId) {
20 | path = `/flags/${this.props.match.params.flagId}/notes/${this.props.note.id}`;
21 | } else {
22 | path = `/notes/${this.props.note.id}`;
23 | }
24 | if (this.props.location.pathname !== path) {
25 | this.props.history.push(path);
26 | }
27 | }
28 | };
29 | }
30 |
31 | render () {
32 |
33 | return (
34 |
38 |
39 | {this.props.note.title}
40 | {new Date(this.props.note.updatedAt).toDateString()}
41 | {this.props.bodySnippet}
42 |
43 |
49 | );
50 | }
51 | }
52 |
53 | export default NoteIndexItem;
54 |
--------------------------------------------------------------------------------
/config/environments/development.rb:
--------------------------------------------------------------------------------
1 | Rails.application.configure do
2 | # Settings specified here will take precedence over those in config/application.rb.
3 |
4 | # In the development environment your application's code is reloaded on
5 | # every request. This slows down response time but is perfect for development
6 | # since you don't have to restart the web server when you make code changes.
7 | config.cache_classes = false
8 |
9 | # Do not eager load code on boot.
10 | config.eager_load = false
11 |
12 | # Show full error reports.
13 | config.consider_all_requests_local = true
14 |
15 | # Enable/disable caching. By default caching is disabled.
16 | if Rails.root.join('tmp/caching-dev.txt').exist?
17 | config.action_controller.perform_caching = true
18 |
19 | config.cache_store = :memory_store
20 | config.public_file_server.headers = {
21 | 'Cache-Control' => "public, max-age=#{2.days.seconds.to_i}"
22 | }
23 | else
24 | config.action_controller.perform_caching = false
25 |
26 | config.cache_store = :null_store
27 | end
28 |
29 | # Don't care if the mailer can't send.
30 | config.action_mailer.raise_delivery_errors = false
31 |
32 | config.action_mailer.perform_caching = false
33 |
34 | # Print deprecation notices to the Rails logger.
35 | config.active_support.deprecation = :log
36 |
37 | # Raise an error on page load if there are pending migrations.
38 | config.active_record.migration_error = :page_load
39 |
40 | # Debug mode disables concatenation and preprocessing of assets.
41 | # This option may cause significant delays in view rendering with a large
42 | # number of complex assets.
43 | config.assets.debug = true
44 |
45 | # Suppress logger output for asset requests.
46 | config.assets.quiet = true
47 |
48 | # Raises error for missing translations
49 | # config.action_view.raise_on_missing_translations = true
50 |
51 | # Use an evented file watcher to asynchronously detect changes in source code,
52 | # routes, locales, etc. This feature depends on the listen gem.
53 | config.file_watcher = ActiveSupport::EventedFileUpdateChecker
54 |
55 |
56 |
57 | end
58 |
--------------------------------------------------------------------------------
/Gemfile:
--------------------------------------------------------------------------------
1 | source 'https://rubygems.org'
2 |
3 | git_source(:github) do |repo_name|
4 | repo_name = "#{repo_name}/#{repo_name}" unless repo_name.include?("/")
5 | "https://github.com/#{repo_name}.git"
6 | end
7 |
8 | # Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
9 | gem 'rails', '~> 5.1.4'
10 | # Use sqlite3 as the database for Active Record
11 | gem 'pg'
12 | # Use Puma as the app server
13 | gem 'puma', '~> 3.7'
14 | # Use SCSS for stylesheets
15 | gem 'sass-rails', '~> 5.0'
16 | # Use Uglifier as compressor for JavaScript assets
17 | gem 'uglifier', '>= 1.3.0'
18 | # See https://github.com/rails/execjs#readme for more supported runtimes
19 | # gem 'therubyracer', platforms: :ruby
20 |
21 | # Use CoffeeScript for .coffee assets and views
22 | gem 'coffee-rails', '~> 4.2'
23 | # Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
24 | gem 'jbuilder', '~> 2.5'
25 | # Use Redis adapter to run Action Cable in production
26 | # gem 'redis', '~> 3.0'
27 | # Use ActiveModel has_secure_password
28 | # gem 'bcrypt', '~> 3.1.7'
29 |
30 | # Use Capistrano for deployment
31 | # gem 'capistrano-rails', group: :development
32 | gem 'bcrypt'
33 | gem 'jquery-rails'
34 | gem 'aws-sdk', '< 3.0'
35 | gem 'figaro', '~> 1.0'
36 | gem "paperclip", '~> 5.0.0'
37 |
38 |
39 | group :development, :test do
40 | # Call 'byebug' anywhere in the code to stop execution and get a debugger console
41 | gem 'byebug', platforms: [:mri, :mingw, :x64_mingw]
42 | # Adds support for Capybara system testing and selenium driver
43 | gem 'capybara', '~> 2.13'
44 | gem 'selenium-webdriver'
45 | gem 'pry-rails'
46 |
47 | end
48 |
49 | group :development do
50 | # Access an IRB console on exception pages or by using <%= console %> anywhere in the code.
51 | gem 'web-console', '>= 3.3.0'
52 | gem 'listen', '>= 3.0.5', '< 3.2'
53 | # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
54 | gem 'spring'
55 | gem 'spring-watcher-listen', '~> 2.0.0'
56 | gem 'better_errors'
57 | gem 'binding_of_caller'
58 |
59 | end
60 |
61 | # Windows does not include zoneinfo files, so bundle the tzinfo-data gem
62 | gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]
63 |
--------------------------------------------------------------------------------
/frontend/components/editor/editor_container.js:
--------------------------------------------------------------------------------
1 | import { connect } from 'react-redux';
2 | import { withRouter } from 'react-router-dom';
3 | import Editor from './editor';
4 | import { updateNote, createNote, receiveNoteErrors } from '../../actions/note_actions';
5 | import { createTag, receiveTagErrors } from '../../actions/tag_actions';
6 | import { createFlag, receiveFlagErrors } from '../../actions/flag_actions';
7 | import { toggleModal, toggleSelectedNotebook } from '../../actions/ui_actions';
8 | import { createPhoto } from '../../util/photo_api_util.js';
9 | import { sortItems } from '../../util/sorters';
10 |
11 | const mapStateToProps = (state, ownProps) => {
12 | let note;
13 | let flag;
14 | if (ownProps.match.params.noteId) {
15 | note = state.entities.notes[parseInt(ownProps.match.params.noteId)];
16 | } else {
17 | note = { id: null, title: "", body: "", bodyPlain: "", notebookId: state.ui.selectedNotebook.id, tagIds: [], flagId: null };
18 | }
19 |
20 | if (note.flagId) {
21 | flag = state.entities.flags[note.flagId];
22 | } else {
23 | flag = { id: null, placeId: null, title: "", lat: null, lng: null };
24 | }
25 | return {
26 | note,
27 | flag,
28 | selectedNotebook: state.ui.selectedNotebook,
29 | fullEditor: state.ui.fullEditor,
30 | allTags: sortItems(Object.values(state.entities.tags), 4),
31 | allFlags: Object.values(state.entities.flags),
32 | noteErrors: state.errors.noteErrors,
33 | tagErrors: state.errors.tagErrors,
34 | };
35 | };
36 |
37 | const mapDispatchToProps = (dispatch, ownProps) => {
38 | const action = ownProps.match.params.noteId ? updateNote : createNote;
39 | return {
40 | action: (note) => dispatch(action(note)),
41 | toggleFullEditor: () => dispatch(toggleModal("fullEditor")),
42 | createTag: (tag) => dispatch(createTag(tag)),
43 | createFlag: (flag) => dispatch(createFlag(flag)),
44 | clearFlagErrors: () => dispatch(receiveFlagErrors([])),
45 | clearNoteErrors: () => dispatch(receiveNoteErrors([])),
46 | clearTagErrors: () => dispatch(receiveTagErrors([])),
47 | createPhoto: (photoData) => createPhoto(photoData),
48 | toggleMapView: () => dispatch(toggleModal("mapView")),
49 | };
50 | };
51 |
52 | export default withRouter(connect(mapStateToProps, mapDispatchToProps)(Editor));
53 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/note_index.scss:
--------------------------------------------------------------------------------
1 | @import "variables";
2 |
3 | .note-index {
4 | position: absolute;
5 | top: 0;
6 | left: 70px;
7 | width: 25%;
8 | height: 100%;
9 | border-right: 1px solid $grey;
10 | display: flex;
11 | flex-direction: column;
12 | justify-content: flex-start;
13 | overflow-y: scroll;
14 | box-sizing: border-box;
15 | transition: left .5s;
16 | }
17 |
18 | .closed-index {
19 | left: -500px;
20 | transition: left .5s;
21 | }
22 |
23 | .note-index-sticky {
24 | position: sticky;
25 | top: 0;
26 | }
27 |
28 |
29 | .note-index-heading {
30 | padding: 20px;
31 | font-size: 20px;
32 | background-color: $darker-grey;
33 | color: white;
34 | min-height: 90px;
35 | font-family: 'Roboto Slab', serif;
36 | overflow: hidden;
37 | text-overflow: ellipsis;
38 | position: sticky;
39 | top: 0;
40 | }
41 |
42 | .note-item {
43 | padding: 0 10px;
44 | border: 3px solid white;
45 | display: flex;
46 | flex-direction: row;
47 | align-items: center;
48 | justify-content: space-between;
49 | height: 100px;
50 | cursor: pointer;
51 | }
52 |
53 | .note-info {
54 | max-width: 90%;
55 | display: flex;
56 | flex-direction: column;
57 | }
58 |
59 | .note-item:hover {
60 | background-color: $light-green;
61 | border-color: $light-green;
62 | transition: background-color 0.2s, border-color 0.2s;
63 |
64 | li, p {
65 | color: white;
66 | }
67 | }
68 |
69 | .note-item.active {
70 | border-color: $grey;
71 | }
72 |
73 |
74 | .note-item-title {
75 | font-family: 'Roboto Slab', serif;
76 | font-size: 16px;
77 | overflow: hidden;
78 | white-space: nowrap;
79 | text-overflow: ellipsis;
80 | }
81 |
82 | .note-item-date {
83 | font-size: 12px;
84 | font-weight: 400;
85 | }
86 |
87 | .note-item-body-snippet {
88 | font-size: 12px;
89 | font-weight: 200;
90 | }
91 |
92 |
93 | .note-trash-icon {
94 | height: 20px;
95 | margin: 5px;
96 | width: auto;
97 | }
98 |
99 | .search-bar {
100 | width: 100%;
101 | background: $light-grey;
102 | color: $darker-grey;
103 | padding: 10px;
104 | min-height: 40px;
105 | overflow-x: hidden;
106 | box-sizing: border-box;
107 | }
108 |
109 | .no-items {
110 | padding: 20px;
111 | font-size: 20px;
112 | color: $dark-grey;
113 | }
114 |
--------------------------------------------------------------------------------
/frontend/reducers/ui_reducer.js:
--------------------------------------------------------------------------------
1 | import {
2 | TOGGLE_MODAL,
3 | TOGGLE_NOTE_ORDER,
4 | TOGGLE_SELECTED_NOTEBOOK,
5 | TOGGLE_DELETE_FORM,
6 | TOGGLE_SIDEMENU,
7 | TOGGLE_SIDEMENU_ITEM_TYPE,
8 | TOGGLE_CREATE_FORM,
9 | } from '../actions/ui_actions';
10 | import { RECEIVE_CURRENT_USER } from '../actions/session_actions';
11 | import { merge } from 'lodash';
12 |
13 | const initialState = {
14 | initial: true,
15 | sidemenu: "hidden",
16 | sidemenuItemType: "notebook",
17 | createForm: {itemType: ""},
18 | deleteForm: {id: false, type: ""},
19 | logoutForm: false,
20 | selectedNotebook: {id: null, clicked: false},
21 | fullEditor: false,
22 | notebookDropdown: false,
23 | noteOrder: 0,
24 | noteOrderDropdown: false,
25 | mapView: false,
26 | };
27 |
28 | const UIReducer = (oldState = initialState, action) => {
29 | let newState;
30 | switch (action.type) {
31 | case RECEIVE_CURRENT_USER:
32 | return action.currentUser ? oldState : initialState;
33 | case TOGGLE_SIDEMENU_ITEM_TYPE:
34 | newState = merge({}, oldState);
35 | if (action.itemType === "notebook") {
36 | newState.sidemenuItemType = "notebook";
37 | } else {
38 | newState.sidemenuItemType = "tag";
39 | }
40 | return newState;
41 | case TOGGLE_MODAL:
42 | newState = merge({}, oldState);
43 | newState[action.modalName] = !(newState[action.modalName]);
44 | return newState;
45 | case TOGGLE_SIDEMENU:
46 | newState = merge({}, oldState);
47 | if (newState.sidemenu === "sidemenu-open") {
48 | newState.sidemenu = "closed-sidemenu";
49 | } else {
50 | newState.sidemenu = "sidemenu-open";
51 | }
52 | return newState;
53 | case TOGGLE_DELETE_FORM:
54 | newState = merge({}, oldState);
55 | newState.deleteForm = action.toDelete;
56 | return newState;
57 | case TOGGLE_CREATE_FORM:
58 | newState = merge({}, oldState);
59 | newState.createForm.itemType = action.itemType;
60 | return newState;
61 | case TOGGLE_NOTE_ORDER:
62 | newState = merge({}, oldState);
63 | newState.noteOrder = action.order;
64 | return newState;
65 | case TOGGLE_SELECTED_NOTEBOOK:
66 | newState = merge({}, oldState);
67 | newState.selectedNotebook.id = action.notebookId;
68 | newState.selectedNotebook.clicked = action.clicked;
69 | return newState;
70 | default:
71 | return oldState;
72 | }
73 | };
74 |
75 | export default UIReducer;
76 |
--------------------------------------------------------------------------------
/config/puma.rb:
--------------------------------------------------------------------------------
1 | # Puma can serve each request in a thread from an internal thread pool.
2 | # The `threads` method setting takes two numbers: a minimum and maximum.
3 | # Any libraries that use thread pools should be configured to match
4 | # the maximum value specified for Puma. Default is set to 5 threads for minimum
5 | # and maximum; this matches the default thread size of Active Record.
6 | #
7 | threads_count = ENV.fetch("RAILS_MAX_THREADS") { 5 }
8 | threads threads_count, threads_count
9 |
10 | # Specifies the `port` that Puma will listen on to receive requests; default is 3000.
11 | #
12 | port ENV.fetch("PORT") { 3000 }
13 |
14 | # Specifies the `environment` that Puma will run in.
15 | #
16 | environment ENV.fetch("RAILS_ENV") { "development" }
17 |
18 | # Specifies the number of `workers` to boot in clustered mode.
19 | # Workers are forked webserver processes. If using threads and workers together
20 | # the concurrency of the application would be max `threads` * `workers`.
21 | # Workers do not work on JRuby or Windows (both of which do not support
22 | # processes).
23 | #
24 | # workers ENV.fetch("WEB_CONCURRENCY") { 2 }
25 |
26 | # Use the `preload_app!` method when specifying a `workers` number.
27 | # This directive tells Puma to first boot the application and load code
28 | # before forking the application. This takes advantage of Copy On Write
29 | # process behavior so workers use less memory. If you use this option
30 | # you need to make sure to reconnect any threads in the `on_worker_boot`
31 | # block.
32 | #
33 | # preload_app!
34 |
35 | # If you are preloading your application and using Active Record, it's
36 | # recommended that you close any connections to the database before workers
37 | # are forked to prevent connection leakage.
38 | #
39 | # before_fork do
40 | # ActiveRecord::Base.connection_pool.disconnect! if defined?(ActiveRecord)
41 | # end
42 |
43 | # The code in the `on_worker_boot` will be called if you are using
44 | # clustered mode by specifying a number of `workers`. After each worker
45 | # process is booted, this block will be run. If you are using the `preload_app!`
46 | # option, you will want to use this block to reconnect to any threads
47 | # or connections that may have been created at application boot, as Ruby
48 | # cannot share connections between processes.
49 | #
50 | # on_worker_boot do
51 | # ActiveRecord::Base.establish_connection if defined?(ActiveRecord)
52 | # end
53 | #
54 |
55 | # Allow puma to be restarted by `rails restart` command.
56 | plugin :tmp_restart
57 |
--------------------------------------------------------------------------------
/frontend/util/marker_util.js:
--------------------------------------------------------------------------------
1 |
2 | export function addNoteTitle(marker, note) {
3 | marker.noteTitles[note.id] = `- ${note.title} `;
4 | return marker;
5 | };
6 |
7 | function removeNoteTitle(marker, noteId) {
8 | delete marker.noteTitles[noteId];
9 | };
10 |
11 | function setNewInfoWIndowContent(flag, marker, notes) {
12 | marker.noteTitles = {};
13 | notes.forEach((note) => {
14 | if (flag.id === note.flagId) {
15 | addNoteTitle(marker, note);
16 | }
17 | });
18 |
19 | marker.infoHeading = flag.noteIds.length > 0 ? `Notes at ${flag.title}: ` : `No notes for ${flag.title} `;
20 |
21 | setInfoWindowContent(marker);
22 | };
23 |
24 | export function setInfoWindowContent (marker) {
25 | marker.infoHeading = Object.values(marker.noteTitles).length > 0 ? `Notes at ${marker.title}: ` : `No notes for ${marker.title} `;
26 |
27 | marker.infoWindowContent =
28 | ``+
29 | `${marker.infoHeading}`+
30 | `
`+
31 | `${Object.values(marker.noteTitles).join("")}`+
32 | ` `+
33 | '
57 |
58 |
{this.props.formTitle}
59 |
{this.props.formMessage}
60 |
{this.props.formMessageTitle}
61 |
62 |
65 | Cancel
66 |
67 |
70 | Delete
71 |
72 |
73 |
;
76 |
77 | return (
78 |
84 | {formContent}
85 |
86 | );
87 | }
88 | }
89 |
90 | export default DeleteForm;
91 |
--------------------------------------------------------------------------------
/frontend/components/app.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import SideNav from './sidenav/sidenav_container';
3 | import Sidemenu from './sidemenu/sidemenu_container';
4 | import Editor from './editor/editor_container';
5 | import AllNotes from './note_index/all_notes_index_container';
6 | import FilteredNotes from './note_index/filtered_notes_index_container';
7 | import { Route, Switch, Redirect } from 'react-router-dom';
8 | import MDSpinner from 'react-md-spinner';
9 | import CreateForm from './entity_forms/create_form_container';
10 | import LogoutForm from './session/logout_form_container';
11 | import MapView from './map_view/map_view_container';
12 | import NotesInMap from './note_index/notes_in_map_container';
13 |
14 | class App extends React.Component {
15 |
16 | componentDidMount() {
17 | this.props.fetchAll();
18 | }
19 |
20 | render () {
21 | if (this.props.initialState) {
22 | return (
23 |
24 |
Just a moment!
25 |
26 |
27 | );
28 | } else if (this.props.notFound) {
29 | return (
30 |
36 |
42 |
52 |
53 |
63 |
64 | );}
65 | }
66 | }
67 |
68 | export default App;
69 |
--------------------------------------------------------------------------------
/frontend/reducers/entities/markers_reducer.js:
--------------------------------------------------------------------------------
1 | import { RECEIVE_FLAG, REMOVE_FLAG, RECEIVE_FLAGS } from '../../actions/flag_actions';
2 | import { RECEIVE_CURRENT_USER } from '../../actions/session_actions';
3 | import { RECEIVE_NEW_NOTE, RECEIVE_UPDATED_NOTE, REMOVE_NOTE } from '../../actions/note_actions';
4 | import { createMarkers, createMarker, removeMarker, addNoteToMarker, removeNoteFromMarker, addNoteTitle, setInfoWindowContent } from '../../util/marker_util';
5 | import { merge } from 'lodash';
6 |
7 | const initialState = {googleMap: null, markers: {}, infoWindow: null};
8 |
9 | const MarkersReducer = (oldState = initialState, action) => {
10 | const newState = merge({}, oldState);
11 | let newMarker;
12 | switch (action.type) {
13 | case RECEIVE_CURRENT_USER:
14 | return action.currentUser ? oldState : initialState;
15 | case RECEIVE_FLAGS:
16 | const newMarkers = createMarkers(action.flags, action.googleMap, action.infoWindow, action.notes);
17 | return {
18 | googleMap: action.googleMap,
19 | markers: newMarkers,
20 | infoWindow: action.infoWindow
21 | };
22 | case RECEIVE_FLAG:
23 | newMarker = createMarker(action.flag, newState.googleMap, newState.infoWindow);
24 | newState.markers[action.flag.id] = newMarker;
25 | return newState;
26 | case REMOVE_FLAG:
27 | removeMarker(newState.markers[action.flag.id]);
28 | delete newState.markers[action.flag.id];
29 | return newState;
30 | case RECEIVE_NEW_NOTE:
31 | if (action.flagId) {
32 | newMarker = addNoteToMarker(action.flagId, newState.markers[action.flagId], action.note);
33 | newState.markers[flag.id] = newMarker;
34 | }
35 | return newState;
36 | case RECEIVE_UPDATED_NOTE:
37 | if (action.flags) {
38 | Object.values(action.flags).forEach((flag) => {
39 | const oldNoteIds = Object.keys(newState.markers[flag.id].noteTitles);
40 | const newNoteIds = flag.noteIds.map((noteId) => noteId.toString());
41 | const noteId = action.note.id.toString();
42 | if (oldNoteIds.includes(noteId) && !newNoteIds.includes(noteId)) {
43 | newMarker = removeNoteFromMarker(flag.id, newState.markers[flag.id], action.note.id);
44 | newState.markers[flag.id] = newMarker;
45 | } else if (!oldNoteIds.includes(noteId) && newNoteIds.includes(noteId)) {
46 | newMarker = addNoteToMarker(flag.id, newState.markers[flag.id], action.note);
47 | newState.markers[flag.id] = newMarker;
48 | } else {
49 | newMarker = addNoteTitle(newState.markers[flag.id], action.note);
50 | setInfoWindowContent(newMarker);
51 | newState.markers[flag.id] = newMarker;
52 | }
53 | });
54 | }
55 | return newState;
56 | case REMOVE_NOTE:
57 | if (action.flagId) {
58 | newMarker = removeNoteFromMarker(action.flagId, newState.markers[action.flagId], action.noteId);
59 | newState.markers[action.flagId] = newMarker;
60 | }
61 | return newState;
62 | default:
63 | return oldState;
64 | }
65 | };
66 |
67 | export default MarkersReducer;
68 |
--------------------------------------------------------------------------------
/frontend/components/session/session_form.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { merge } from 'lodash';
3 | import { Link } from 'react-router-dom';
4 |
5 | class SessionForm extends React.Component {
6 |
7 | constructor(props) {
8 | super(props);
9 | this.state = {
10 | user: { email: "", password: "" },
11 | sessionErrors: [],
12 | };
13 | this.handleSubmit = this.handleSubmit.bind(this);
14 | this.demoLogin = this.demoLogin.bind(this);
15 | }
16 |
17 | componentWillUnmount() {
18 | this.props.clearUserErrors();
19 | }
20 |
21 | componentWillReceiveProps(newProps) {
22 | this.setState({sessionErrors: newProps.sessionErrors});
23 | }
24 |
25 | handleChange(field) {
26 | return (e) => {
27 | const newUser = merge({}, this.state.user);
28 | newUser[field] = e.target.value;
29 | this.setState({user: newUser});
30 | };
31 | }
32 |
33 | handleSubmit (e) {
34 | e.preventDefault();
35 | const newUser = merge({}, this.state.user);
36 | this.props.submitForm(newUser);
37 | }
38 |
39 | demoLogin (e) {
40 | e.preventDefault();
41 | const demoUser = {email: "demo@gmail.com", password: "demodemo"};
42 | this.props.demoLogin(demoUser);
43 | }
44 |
45 | render () {
46 | const formType = this.props.location.pathname === "/login" ? "Log In" : "Sign Up";
47 | let errors = this.state.sessionErrors.map((error, i) => {error} );
48 | let errorPresent = errors.length > 0 ? "error-present" : "";
49 |
50 | let authLink;
51 | let authMessage;
52 | if (this.props.location.pathname === '/login') {
53 | authMessage = Don't have an account?
;
54 | authLink = Already signed up?
;
57 | authLink =
62 |
63 |
{formType}
64 |
65 |
71 |
77 |
{formType}
80 |
81 |
{errors}{authMessage}{authLink}
82 |
Demo Log In
85 |
86 |
87 |
{error} );
71 | return (
72 |
78 |
103 |
104 | );
105 | }
106 | }
107 |
108 | export default CreateForm;
109 |
--------------------------------------------------------------------------------
/frontend/components/editor/notebook_dropdown.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | class NotebookDropdown extends React.Component {
4 | constructor(props) {
5 | super(props);
6 | this.toggleNotebookDropdown = this.toggleNotebookDropdown.bind(this);
7 | }
8 |
9 | componentDidMount() {
10 | if (this.props.match.params.notebookId) {
11 | this.props.toggleSelectedNotebook(this.props.match.params.notebookId, false);
12 | } else if (this.props.match.params.noteId) {
13 | const notebookId = this.props.notes[this.props.match.params.noteId].notebookId;
14 | this.props.toggleSelectedNotebook(notebookId, false);
15 | }
16 | }
17 |
18 | componentWillReceiveProps(newProps) {
19 | const currentNotebookId = this.props.match.params.notebookId;
20 | const currentNoteId = this.props.match.params.noteId;
21 | const newNotebookId = newProps.match.params.notebookId;
22 | const newNoteId = newProps.match.params.noteId
23 |
24 | // toggle to new notebook if visiting a different notebook
25 | if (newNotebookId && currentNotebookId !== newNotebookId) {
26 | this.props.toggleSelectedNotebook(newNotebookId, false);
27 | }
28 | // toggle to new notebook if visiting a different note without :notebookId param
29 | else if (!newNotebookId && newNoteId && currentNoteId !== newNoteId) {
30 | this.props.toggleSelectedNotebook(this.props.notes[newNoteId].notebookId, false);
31 | // toggle to no notebook if going to all notes
32 | } else if (!this.props.location.pathname === "/notes" && newProps.location.pathname === "/notes") {
33 | this.props.toggleSelectedNotebook(null, false);
34 | }
35 | }
36 |
37 | toggleNotebookDropdown (e) {
38 | e.stopPropagation();
39 | this.props.toggleNotebookDropdown();
40 | }
41 |
42 | handleNotebookSelection(notebookId) {
43 | return (e) => {
44 | e.stopPropagation();
45 | this.props.toggleNotebookDropdown();
46 | this.props.toggleSelectedNotebook(notebookId, true);
47 | }
48 | }
49 |
50 | buttonText() {
51 | let buttonText;
52 | if (this.props.selectedNotebook.id) {
53 | const notebook = this.props.allNotebooks.filter((notebook) => (
54 | notebook.id === parseInt(this.props.selectedNotebook.id)
55 | ));
56 | if (notebook.length > 0) {
57 | buttonText = notebook[0].title;
58 | }
59 | } else {
60 | buttonText = "Select Notebook";
61 | }
62 | return buttonText;
63 | }
64 |
65 | render () {
66 | const notebooks = this.props.allNotebooks.map((notebook, i) => (
67 |
71 | {notebook.title}
72 | ));
73 | notebooks.push(
74 |
78 | Add New Notebook
79 |
80 | );
81 | return (
82 |
85 |
86 | ▾ {this.buttonText()}
87 |
88 |
94 |
97 |
98 |
74 |
75 |
{flag.title}
76 |
{flag.formattedAddress}
77 |
79 |
{`${flag.noteIds.length} ${notePluralized}`}
80 |
84 |
86 | );
87 | });
88 |
89 | return (
90 |
92 |
93 |
94 |
95 |
Flags
96 |
97 |
100 | See all notes in this area
101 |
102 |
103 |
104 | {flagsInRange}
105 |
106 |
107 |
108 |
109 | Close
115 |
116 |
123 |
124 |
125 |
68 |
69 |
70 |
74 |
75 |
78 | New Note
82 |
83 |
84 |
85 |
88 | All Notes
92 |
93 |
94 |
95 |
98 | Notebooks
102 |
103 |
104 |
105 |
108 | Tags
112 |
113 |
114 |
115 |
118 | Flags
122 |
123 |
124 |
125 |
128 | Log Out: {this.props.currentUser}
132 |
133 |
134 |
135 |
136 | );
137 | }
138 | }
139 |
140 | export default SideNav;
141 |
142 |
143 | // ]
144 |
--------------------------------------------------------------------------------
12 |