application/services/copyNote-service.js

import alt from './../alt';
import BaseService from './base-service';
 
let NoteStack = [];
let LastSelectedNote = false;
 
/**
 * Copy notes live in the editor's metdata and so
 * are only tracked via an internal, read-only, stack here.
 *
 * You shouldn't need to interact with this outside the NoteViewer component.
 */
class CopyNoteService extends BaseService {
 
    updateNotes(notes) {
        return notes;
    }
 
    updateSelection(id) {
        return id;
    }
 
    setLastSelectedNote(id) {
        LastSelectedNote = id;
 
        return (dispatch) => {
            setTimeout(() => {
                this.updateSelection(id);
            }, 1);
        };
    }
 
    reset() {
        return (dispatch) => {
            setTimeout(() => {
                NoteStack = [];
                this.updateNotes(NoteStack);
            }, 1);
        }
    }
 
    add(uid, id, val, user, icon, email, version, created_at) {
        NoteStack.push({uid: uid, id: id, contents: val, user: user, icon: icon, email: email, version: version, created_at: created_at});
 
        return (dispatch) => {
            setTimeout(() => {
                this.updateNotes(NoteStack);
            }, 1);
        };
    }
 
    update(uid, id, val) {
        for (let i in NoteStack) {
            if (NoteStack[i].uid === uid) {
                NoteStack[i].contents = val;
            }
        }
 
        return (dispatch) => {
            setTimeout(() => {
                this.updateNotes(NoteStack);
            }, 1);
        };
    }
 
    remove(uid) {
        let newNotes = [];
 
        for (let i in NoteStack) {
            if (NoteStack[i].uid === uid) {
                continue;
            }
 
            newNotes.push(NoteStack[i]);
        }
 
        NoteStack = newNotes;
 
        return (dispatch) => {
            setTimeout(() => {
                this.updateNotes(NoteStack);
            }, 1);
        }
    }
}
 
const service = alt.createActions(CopyNoteService);
 
class CopyNotesStore {
    constructor() {
        this.state = {
            'notes': [],
            'selection': false
        };
 
        this.bindListeners({
            'handleUpdateNotes': service.UPDATE_NOTES,
            'handleUpdateSelection': service.UPDATE_SELECTION
        });
    }
 
    handleUpdateNotes(notes) {
        this.setState({'notes': notes});
    }
 
    handleUpdateSelection(selection) {
        this.setState({'selection': selection});
        if (window && window.jQuery) {
            // force color change on selection
            // can't use application state as the
            // state updates cause the editor to crash
            jQuery('.copyNoteMarker').css({'background-color': ''});
            jQuery('.note-' + selection).css({'background-color': '#ffe92c'});
        }
    }
}
 
const store = alt.createStore(CopyNotesStore, 'CopyNotesStore');
 
export {service as CopyNoteService, store as CopyNoteStore};