From 5da76995480c07036325c23360358134d41abe45 Mon Sep 17 00:00:00 2001
From: Philip Karpiak <philip@eswat.ca>
Date: Fri, 6 Apr 2018 13:53:39 -0400
Subject: [PATCH] Add tooltip to character buff icon (#10156)

* Add tooltip to character buff icon

* Add tooltips for task streak, challenge and broken challenge

* Add tooltips for task menu and due date

* Challenge icon tooltip displays the challenge short name
---
 website/client/components/memberDetails.vue |  2 +-
 website/client/components/tasks/task.vue    | 11 ++++++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/website/client/components/memberDetails.vue b/website/client/components/memberDetails.vue
index e265baa58f..e6cf6ca00d 100644
--- a/website/client/components/memberDetails.vue
+++ b/website/client/components/memberDetails.vue
@@ -17,7 +17,7 @@
       .d-flex.flex-column.profile-name-character
         h3.character-name
           | {{member.profile.name}}
-          .is-buffed(v-if="isBuffed")
+          .is-buffed(v-if="isBuffed", v-b-tooltip.hover.bottom="$t('buffed')")
             .svg-icon(v-html="icons.buff")
         span.small-text.character-level {{ characterLevel }}
     .progress-container(v-b-tooltip.hover.bottom="$t('health')")
diff --git a/website/client/components/tasks/task.vue b/website/client/components/tasks/task.vue
index a49a47896a..885af0c0e4 100644
--- a/website/client/components/tasks/task.vue
+++ b/website/client/components/tasks/task.vue
@@ -19,7 +19,8 @@
             menu-dropdown.task-dropdown(
               v-if="isUser && !isRunningYesterdailies",
               :right="task.type === 'reward'",
-              ref="taskDropdown"
+              ref="taskDropdown",
+              v-b-tooltip.hover.top="$t('showMore')"
             )
               div(slot="dropdown-toggle", draggable=false)
                 .svg-icon.dropdown-icon(v-html="icons.menu")
@@ -69,19 +70,19 @@
             label.custom-control-label(v-markdown="item.text", :for="`checklist-${item.id}`")
         .icons.small-text.d-flex.align-items-center
           .d-flex.align-items-center(v-if="task.type === 'todo' && task.date", :class="{'due-overdue': isDueOverdue}")
-            .svg-icon.calendar(v-html="icons.calendar")
+            .svg-icon.calendar(v-html="icons.calendar", v-b-tooltip.hover.bottom="$t('dueDate')")
             span {{dueIn}}
           .icons-right.d-flex.justify-content-end
             .d-flex.align-items-center(v-if="showStreak")
-              .svg-icon.streak(v-html="icons.streak")
+              .svg-icon.streak(v-html="icons.streak", v-b-tooltip.hover.bottom="$t('streakCounter')")
               span(v-if="task.type === 'daily'") {{task.streak}}
               span(v-if="task.type === 'habit'")
                 span.m-0(v-if="task.up") +{{task.counterUp}}
                 span.m-0(v-if="task.up && task.down") &nbsp;|&nbsp;
                 span.m-0(v-if="task.down") -{{task.counterDown}}
             .d-flex.align-items-center(v-if="task.challenge && task.challenge.id")
-              .svg-icon.challenge(v-html="icons.challenge", v-if='!task.challenge.broken')
-              .svg-icon.challenge.broken(v-html="icons.brokenChallengeIcon", v-if='task.challenge.broken', @click='handleBrokenTask(task)')
+              .svg-icon.challenge(v-html="icons.challenge", v-if='!task.challenge.broken', v-b-tooltip.hover.bottom="`${task.challenge.shortName}`")
+              .svg-icon.challenge.broken(v-html="icons.brokenChallengeIcon", v-if='task.challenge.broken', @click='handleBrokenTask(task)', v-b-tooltip.hover.bottom="$t('brokenChaLink')")
             .d-flex.align-items-center(v-if="hasTags", :id="`tags-icon-${task._id}`")
               .svg-icon.tags(v-html="icons.tags")
             b-popover(