h = require 'maquette' .h bulma = require "./bulma.ls" Task = require "./task.ls" Modal = require './modal.ls' TaskCreationModal = require './task-creation-modal.ls' ProjectCreationModal = require './project-creation-modal.ls' is-right-column = (task, column-id) -> task.extra_properties && task.extra_properties.column && task.extra_properties.column == column-id has-column = (task) -> task.extra_properties && task.extra_properties.column # configured column, but inexistant (maybe removed since) inexistant-column = (task, columns) -> columns.filter((.id == task.extra_properties.column)).length == 0 orphan-tasks = (tasks, columns) -> tasks.filter (task) -> (! has-column) || inexistant-column task, columns Project = (self, todod-ws, users) -> self.todod-ws = todod-ws self.tasks = [] self.users = users || [] modal = void self.render-column = (column, first) -> tasks-to-display = self.tasks.filter (task) -> is-right-column task, column.id if first tasks-to-display ++= orphan-tasks self.tasks, self.extra_properties.columns # # COLUMNS # h \div.column { key: column.id } [ h \div.box { key: self.id } [ h \p.title.is-4 [ column.titleĀ ] for task in tasks-to-display task.render! ] ] self.inner-nav-render = -> h \div.navbar-item [ h \a.subtitle.is-3 [ self.title ] ] self.right-nav-render = -> [ h \div.navbar-item { key: "navbar-new-task" } [ h \div.button.is-success.is-outlined { onclick: -> modal := TaskCreationModal self, self.todod-ws, void, self.users } [ "New task" ] ] h \div.navbar-item { key: "navbar-edit-project" } [ h \div.button.is-outlined { onclick: -> modal := ProjectCreationModal self, self.todod-ws, self.users } [ "Edit this project" ] ] h \div.navbar-item { key: "navbar-delete-project" } [ h \div.button.is-danger.is-outlined { onclick: -> modal := Modal { +visible content: h \p [ "Are you sure you want to remove board #{self.title}?" ] on-validation: -> self.todod-ws.remove-list self.id } } [ "Delete this project" ] ] ] self.render = -> h \div.project {} [ h \div.columns [ if columns = self.extra_properties.columns for dom in columns.map((column, index) -> self.render-column(column, index == 0)) dom ] if modal modal.render! ] self module.exports = Project