profile.pug

.app-component-container.dashboard
  .app-component-inner
    h1.dashboard-view My Agenda
    .dashboard-inner 
      -let dates = user.data.tasks
      each date in dates
          .date-container(data-date=date.meta.date)
          p.date #{date.meta.date} 
          each task in date 
            if task != date.meta && task.isCompleted == false
              -let startDate = task.UTC;
              -let dateNow = Date.now(); 
              if startDate >= dateNow
                div.task-container(data-id=task.ObjectID)
                  div.iscompleted
                    <span class="iconify checkmark" data-clicked="markDone" data-isclickable="true" data-inline="false" data-icon="ion:checkmark-done-circle-sharp"></span>
                  div.task-meta
                    p.task-title #{task.title}
                    p.task-description #{task.description}
                    .task-meta-meta(style="display:flex")
                      p.task-time #{task.time}
                      p #{startDate}
                      .tag-list(style="display:flex") 
                        each tagObject in task.tags 
                            -let tagColorStyle = `background:${tagObject.color}`
                            -let tag = tagObject.name;
                            div.tagInner(name=tag data-tagname=tag )
                              span.tagColor(style=tagColorStyle)
                              p #{tag}