extends layout

block content
  h1= title
  p Welcome to #{title}
  section.tasks
    h2 #{json.tasks.project.task.length} Tâches
    ul.stats
      li #{json.stats.listOpen.length} ouvertes
      li #{json.stats.listOpenWeekly.length} ouvertes cette semaine
      li #{json.stats.listOpenMonthly.length} ouvertes ce mois-ci
      li #{json.stats.listClosed.length} fermées
      li #{json.stats.listClosedWeekly.length} fermées cette semaine
      li #{json.stats.listClosedMonthly.length} fermées ce mois-ci
  section.tags
    h2 #{json.tags.tagstore.tag.length} Tags
    p maximum de #{json.stats.maxTasksCountPerTag} tâches pour un tag.
    ul.tags
      li.head
        span.name nom
        span.color couleur
        span.parent parent
        span.tasks tâches
        span.tasks finies
        span.tasks actives
        span.tasks actives %
      each t in json.tags.tagstore.tag
        li
          span.name(class= {emphasis: t.tasks == json.stats.maxTasksCountPerTag})= t['$'].name
          span.color= t['$'].color
          span.parent= t['$'].parent
          if t.tasksListIsDoneByTitle
            span.text-right(class=computeBgColorOnProportionOfOpenTasks(getPercent(t.tasks, json.stats.maxTasksCountPerTag)))= t.tasks
          if t.tasksListIsDoneByTitle
            span.text-right.tasks= t.tasksListIsDoneByTitle.length
          if t.tasksListIsActiveByTitle
            span.text-right.tasks #{t.tasksListIsActiveByTitle.length}
            span.text-right.tasks(class=computeBgColorOnProportionOfOpenTasks(getPercent(t.tasksListIsActiveByTitle.length, t.tasks))) #{getPercent(t.tasksListIsActiveByTitle.length, t.tasks)} %
            span.text-right.tasks #{getPercent(t.tasksListIsActiveByTitle.length,json.stats.listOpen.length )} %
            button.text-right.toggle voir
            ul
              each activetask in t.tasksListIsActiveByTitle
                li.task_item= activetask