h = require 'maquette' .h Modal = require './modal.ls' UUID = require "uuid/v4" bulma = require "./bulma.ls" col-to-lines = (column, self) -> h \div.field.has-addons { key: "field" + column.id } [ h \p.control.is-expanded [ h \input.input { key: "input" + column.id value: column.title oninput: (e) -> self.extra_properties.columns.find((.id == column.id)).title := e.target.value } [ ] ] h \div.control.button.is-danger.is-outlined { key: "button" + column.id onclick: -> self.extra_properties.columns := self.extra_properties.columns.filter((.id != column.id)) } [ "DELETE" ] ] user-form-selection = (self, user) -> h \option { value: user.uid } [ user.login ] permission-groups = "Read" "Write" "Admin" permission-to-form-selection = (self, permission) -> h \option { value: permission } [ permission ] ProjectCreationModal = (project, todod-ws, users) -> # work on a copy of the columns # in case of cancelled modifications, only the copies are changed columns-copy = [] for col in project.extra_properties.columns new-col = {} for k,v of col new-col[k] = v columns-copy ++= [ new-col ] self = { title: project.title || "" permissions: project.permissions || [[]] # new-user: "New user" tmp: new-user-permission: id: void permission: permission-groups[0] new-column-input: title: "New column !" users: users || [] extra_properties: columns: columns-copy } modal = Modal { +visible content-render: (self) -> h \div.form [ bulma.field [ bulma.label "Project title" h \input.input { value: self.title oninput: (e) -> self.title := e.target.value } ] # h \hr [] # bulma.field [ # bulma.label "Adding a user" # bulma.input { # value: self.new-user # oninput: (e) -> # self.new-user := e.target.value # name: \new-user # id: \user-add # } # ] h \hr [] h \aside.menu [ h \p.menu-label [ "Permissions" ] h \ul.menu-list self.permissions.map (permission) -> h \li [ h \p permission.map (e, index) -> if index == 0 "Permissions '" + e + "': " else "" + e + ", " ] ] h \hr [] h \p [ "Adding new user" ] h \div.field.has-addons { key: "adding-user" } [ h \div.select.control [ h \select { onchange: (e) -> self.tmp.new-user-permission.permission := e.target.value } permission-groups.map (permission) -> permission-to-form-selection self, permission ] h \div.select.control.is-expanded [ h \select { onchange: (e) -> self.tmp.new-user-permission.uid := e.target.value } [ user-form-selection self, { login: "Choose a user", uid: "-" } for user-id, user of self.tmp.users user-form-selection self, user ] ] h \div.control.button.is-success.is-outlined { onclick: -> if self.tmp.new-user-permission.uid == void || self.tmp.new-user-permission.uid == "-" console.log "adding an user permission on the kanban: failed, no user selected" else # TODO: # adding the permissions in self.permissions # then editing the project in the db via todod-ws # self.permissions console.log "right: #{self.tmp.new-user-permission.permission}, user #{self.tmp.new-user-permission.uid}" } [ "+" ] ] h \hr [] h \p [ "Choose the columns" ] for dom in (self.extra_properties.columns.map (column) -> col-to-lines column, self) dom h \hr [] h \div.field.has-addons { key: "adding-field" } [ h \p.control.is-expanded [ h \input.input { value: self.tmp.new-column-input.title oninput: (e) -> self.tmp.new-column-input.title := e.target.value } [ ] ] h \div.control.button.is-success.is-outlined { onclick: -> new-col = { id: UUID! title: self.tmp.new-column-input.title } self.extra_properties.columns ++= [ new-col ] self.tmp.new-column-input.title := "New column !" } [ "+" ] ] ] on-validation: -> tmp = delete self.tmp if project.id todod-ws.edit-list project.id, self else todod-ws.add-list self.title, self self.tmp := tmp }, self self.render = -> modal.render! self module.exports = ProjectCreationModal