todo-webclient/client/project.ls

h     = require 'maquette' .h
bulma = require "./bulma.ls"
Task  = require "./task.ls"
Modal = require './modal.ls'

Project = (self, todod-ws) ->
	self.todod-ws = todod-ws
	self.tasks-objects = self.tasks.map (e) -> Task e, self, {}

	modal = void

	self.tasks-updated = ->
		self.tasks-objects = self.tasks.map (e) -> Task e, self, {}

	self.render-column = (column, first) ->
		# FIXME: display unregistred tasks in the first column
		tasks-to-display = self.tasks-objects.filter (task) ->
			task.extra_properties && task.extra_properties.column && task.extra_properties.column == column.id || ((! task.extra_properties || ! task.extra_properties.column) && first)

		console.log "TASKS", self.tasks
		console.log "TASKS-OBJECTS", self.tasks-objects
		console.log "TASKS TO DISPLAY", tasks-to-display

		h \div.column [
			bulma.title 4 column.title
			for task in tasks-to-display
				task.render!
		]

	self.render = ->

		# console.log "Project to render: ", self
		h \div.project {} [

			h \div.navbar [

				h \div.navbar-brand [
					h \div.navbar-item [
						self.title
					]
				]

				h \div.navbar-end [
					h \div.navbar-item [
						h \div.button.is-success.is-outlined {
							onclick: ->
								modal := Modal {
									+visible
									content:
										h \p [ "New task lol?" ]
									on-validation: ->
										self.todod-ws.add-task self.id, "Hello There", {}
								}
						} [ "+" ]
					]

					h \div.navbar-item [
						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
								}
						} [ "X" ]
					]
				]
			]

			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