todo-webclient/client/project.ls

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) ->
	self.todod-ws = todod-ws
	self.tasks = []

	modal = void

	self.render-column = (column, first) ->

		console.log "tasks: ", self.tasks

		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

		console.log "column: #{column.id}: ", tasks-to-display

		h \div.column {
			key: column.id
		} [
			h \div.card { key: self.id } [
				h \div.cart-head [
					h \p.title.is-4 [ column.title ]
				]
				h \div.card-content { key: self.id } [
					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 [
				h \div.button.is-outlined {
					onclick: ->
						modal := ProjectCreationModal self, self.todod-ws
				} [ "Edit this project" ]
			]

			h \div.navbar-item [
				h \div.button.is-success.is-outlined {
					onclick: ->
						modal := TaskCreationModal self, self.todod-ws
				} [ "New task" ]
			]

			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
						}
				} [ "Delete this project" ]
			]
		]

	self.render = ->

		# console.log "Project to render: ", self
		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