habitica-self-host/website/views/shared/tasks/meta_controls.jade

.task-meta-controls

  // Due Date
  span(ng-if='task.type=="todo" && task.date')
    span(ng-class='{"label label-danger":(moment(task.date).isBefore(_today, "days") && !task.completed)}') {{task.date | date:(user.preferences.dateFormat.indexOf('yyyy') == 0 ? user.preferences.dateFormat.substr(5) : user.preferences.dateFormat.substr(0,5))}}

  // Streak
  |  
  span(ng-show='task.streak') {{task.streak}} 
    span(tooltip=env.t('streakCounter'))
      span.glyphicon.glyphicon-forward
      |  

  // Icons only available if you own the tasks (aka, hidden from challenge stats)
  span(ng-if='!obj._locked')
    a(ng-click='pushTask(task,$index,"top")', tooltip=env.t('pushTaskToTop'), ng-class="{'push-down': pushLocation == 'bottom'}")
      span(ng-hide="pushLocation == 'bottom'").glyphicon.glyphicon-open
      span(ng-show="pushLocation == 'bottom'").glyphicon.glyphicon-save
    // a(ng-click='pushTask(task,$index,"bottom")', tooltip=env.t('pushTaskToBottom'))
    //   span.glyphicon.glyphicon-import
    //   // glyphicon-import or glyphicon-save or glyphicon-sort-by-attributes
    a.badge(ng-if='task.checklist[0]', ng-class='{"badge-success":checklistCompletion(task.checklist) == task.checklist.length}', ng-click='collapseChecklist(task)', tooltip=env.t('expandCollapse'))
      |{{checklistCompletion(task.checklist)}}/{{task.checklist.length}}
    span.glyphicon.glyphicon-tags(tooltip='{{Shared.appliedTags(user.tags, task.tags)}}', ng-hide='Shared.noTags(task.tags)')
    // edit
    a(ng-hide='task._editing', ng-click='editTask(task)', tooltip=env.t('edit'))
      |  
      span.glyphicon.glyphicon-pencil(ng-hide='task._editing')
    |  
    a(ng-hide='!task._editing', ng-click='editTask(task)', tooltip=env.t('cancel'))
      span.glyphicon.glyphicon-remove(ng-hide='!task._editing')
      |  
    // save
    a(ng-hide='!task._editing', ng-click='editTask(task);saveTask(task)', tooltip=env.t('save'))
      span.glyphicon.glyphicon-ok(ng-hide='!task._editing')
    |  
    //challenges
    span(ng-if='task.challenge.id')
      span(ng-if='task.challenge.broken')
        a.glyphicon.glyphicon-bullhorn(style='background-color:red;', ng-click='task._editing = true', tooltip=env.t('brokenChaLink') tooltip-placement='right')
        |  
      span(ng-if='!task.challenge.broken')
        span.glyphicon.glyphicon-bullhorn(tooltip=env.t('challenge'))
        |  
    // delete
    a(ng-if='!task.challenge.id', ng-click='removeTask(task, obj[list.type+"s"])', tooltip=env.t('delete'))
      span.glyphicon.glyphicon-trash
      |  

    // chart
    a(ng-show='task.history', ng-click='toggleChart(obj._id+task.id, task)', tooltip=env.t('progress'))
      span.glyphicon.glyphicon-signal
      |  
    // notes

  // Make this icon available regardless of task ownership  
  a.task-notes(ng-show='task.notes && !task._editing', ng-click='task.popoverOpen = !task.popoverOpen', popover-trigger='click', data-popover-html="{{task.notes | markdown}}", popover-placement="top", popover-append-to-body='{{::modal ? "false":"true"}}')
    span.glyphicon.glyphicon-comment
    |