{get, view, ready} = require('derby').createApp module ## ROUTES ## newUser = (model, userId) -> model.async.incr 'configs.1.nextUserId', (err, userId) -> model.set '_session.userId', userId model.set "users.#{userId}", name: 'User ' + userId money: 0 exp: 0 lvl: 1 habits: 0: {id: 0, text: 'Take the stairs', notes: '', score: 0, up: true, down: true} habitIds: [0] dailys: # I know it's bad pluralization, but codes easier later 0: {id: 0, text: 'Go to the gym', notes: '', score: 0, completed: false } dailyIds: [0] todos: 0: {id: 0, text: 'Make a doctor appointment', notes: '', score: 0, completed: false } todoIds: [0] rewards: 0: {id: 0, text: '1 TV episode', notes: '', price: 20 } rewardIds: [0] get '/', (page, model) -> # Render page if a userId is already stored in session data userId = model.get '_session.userId' # Otherwise, select a new userId and initialize user if !userId userId = newUser(model, userId) model.subscribe "users.#{userId}", (err, user) -> model.ref '_user', user # Setup "_todoList" for all the habit types lists = [ 'habit', 'daily', 'todo', 'reward'] for type in lists ids = user.at "#{type}Ids" model.refList "_#{type}List", "_user.#{type}s", "_user.#{type}Ids" page.render() ## CONTROLLER FUNCTIONS ## ready (model) -> lists = [ 'habit', 'daily', 'todo', 'reward'] for type in lists list = model.at "_#{type}List" # Make the list draggable using jQuery UI ul = $("\##{type}s") ul.sortable handle: '.handle' axis: 'y' containment: "\#dragbox-#{type}" update: (e, ui) -> item = ui.item[0] domId = item.id id = item.getAttribute 'data-id' to = ul.children().index(item) # Use the Derby ignore option to suppress the normal move event # binding, since jQuery UI will move the element in the DOM. # Also, note that refList index arguments can either be an index # or the item's id property list.pass(ignore: domId).move {id}, to exports.addHabit = -> newHabit = model.at "_newHabit" list = model.at "_habitList" # Don't add a blank todo return unless text = view.escapeHtml newHabit.get() newHabit.set '' list.push {text, notes: '', score: 0, up: true, down: true} exports.addDaily = -> newDaily = model.at "_newDaily" list = model.at "_dailyList" # Don't add a blank todo return unless text = view.escapeHtml newDaily.get() newDaily.set '' # Insert the new todo before the first completed item in the list # or append to the end if none are completed for todo, i in list.get() break if todo.completed list.insert i, {text, notes: '', score: 0, completed: false } list.on 'set', '*.completed', (i, completed, previous, isLocal) -> # Move the item to the bottom if it was checked off list.move i, -1 if completed && isLocal exports.addTodo = -> newTodo = model.at "_newTodo" list = model.at "_todoList" # Don't add a blank todo return unless text = view.escapeHtml newTodo.get() newTodo.set '' # Insert the new todo before the first completed item in the list # or append to the end if none are completed for todo, i in list.get() break if todo.completed list.insert i, {text, notes: '', score: 0, completed: false } list.on 'set', '*.completed', (i, completed, previous, isLocal) -> # Move the item to the bottom if it was checked off list.move i, -1 if completed && isLocal exports.addReward = -> newReward = model.at "_newReward" list = model.at "_rewardList" # Don't add a blank todo return unless text = view.escapeHtml newReward.get() newReward.set '' list.push {text, notes: '', price: 20 } exports.del = (e) -> # Derby extends model.at to support creation from DOM nodes model.at(e.target).remove() exports.voteUp = (e) -> todo = model.at(e.target) exp = model.get '_user.exp' model.set '_user.exp', exp +1 console.log todo ## RECONNECT & SHORTCUTS ## showReconnect = model.at '_showReconnect' showReconnect.set true exports.connect = -> showReconnect.set false setTimeout (-> showReconnect.set true), 1000 model.socket.socket.connect() exports.reload = -> window.location.reload() exports.shortcuts = (e) -> return unless e.metaKey || e.ctrlKey code = e.which return unless command = (switch code when 66 then 'bold' # Bold: Ctrl/Cmd + B when 73 then 'italic' # Italic: Ctrl/Cmd + I when 32 then 'removeFormat' # Clear formatting: Ctrl/Cmd + Space when 220 then 'removeFormat' # Clear formatting: Ctrl/Cmd + \ else null ) document.execCommand command, false, null e.preventDefault() if e.preventDefault return false # Tell Firefox to use elements for styles instead of CSS # See: https://developer.mozilla.org/en/Rich-Text_Editing_in_Mozilla document.execCommand 'useCSS', false, true document.execCommand 'styleWithCSS', false, false