Contributor Title tooltip (#9413)

* Remove usage of cachedProfileData when determining contributor level

* Add tooltip

* Remove directive import

* /s/msg.contributor.title/msg.contributor.text

* move tooltip placement

* update tooltip position
This commit is contained in:
MathWhiz
2017-11-27 20:37:36 -06:00
committed by Sabe Jones
parent 299e88233c
commit dd05a8d608

View File

@@ -24,11 +24,12 @@
.message-hidden(v-if='msg.flagCount > 1 && user.contributor.admin') Message hidden .message-hidden(v-if='msg.flagCount > 1 && user.contributor.admin') Message hidden
.card-body .card-body
h3.leader( h3.leader(
:class='userLevelStyle(cachedProfileData[msg.uuid])' :class='userLevelStyle(msg)',
@click="showMemberModal(msg.uuid)", @click="showMemberModal(msg.uuid)",
v-b-tooltip.hover.top="('contributor' in msg) ? msg.contributor.text : ''",
) )
| {{msg.user}} | {{msg.user}}
.svg-icon(v-html="icons[`tier${cachedProfileData[msg.uuid].contributor.level}`]", v-if='cachedProfileData[msg.uuid] && cachedProfileData[msg.uuid].contributor && cachedProfileData[msg.uuid].contributor.level') .svg-icon(v-html="icons[`tier${msg.contributor.level}`]", v-if='msg.contributor && msg.contributor.level')
p.time {{msg.timestamp | timeAgo}} p.time {{msg.timestamp | timeAgo}}
.text(v-markdown='msg.text') .text(v-markdown='msg.text')
hr hr
@@ -61,11 +62,12 @@
.message-hidden(v-if='msg.flagCount > 1 && user.contributor.admin') Message hidden .message-hidden(v-if='msg.flagCount > 1 && user.contributor.admin') Message hidden
.card-body .card-body
h3.leader( h3.leader(
:class='userLevelStyle(cachedProfileData[msg.uuid])', :class='userLevelStyle(msg)',
@click="showMemberModal(msg.uuid)", @click="showMemberModal(msg.uuid)",
v-b-tooltip.hover.top="('contributor' in msg) ? msg.contributor.text : ''",
) )
| {{msg.user}} | {{msg.user}}
.svg-icon(v-html="icons[`tier${cachedProfileData[msg.uuid].contributor.level}`]", v-if='cachedProfileData[msg.uuid] && cachedProfileData[msg.uuid].contributor && cachedProfileData[msg.uuid].contributor.level') .svg-icon(v-html="icons[`tier${msg.contributor.level}`]", v-if='msg.contributor && msg.contributor.level')
p.time {{msg.timestamp | timeAgo}} p.time {{msg.timestamp | timeAgo}}
.text(v-markdown='msg.text') .text(v-markdown='msg.text')
hr hr
@@ -168,6 +170,7 @@
h3 { // this is the user name h3 { // this is the user name
cursor: pointer; cursor: pointer;
display: inline-block;
.svg-icon { .svg-icon {
width: 10px; width: 10px;