tooltip for room lock

2020-02-12 00:02:51 +00:00 · 2020-02-12 00:02:51 +00:00 · 880f151185
commit 880f151185
parent d29a64ac86
1 changed files with 7 additions and 0 deletions
--- a/client/src/components/header.vue
+++ b/client/src/components/header.vue
@ -9,6 +9,13 @@
        <i
          :class="[{ disabled: !admin }, { 'fa-lock-open': !locked }, { 'fa-lock': locked }, 'fas', 'lock']"
          @click="toggleLock"
+          v-tooltip="{
+            content: admin ? (locked ? 'Unlock Room' : 'Lock Room') : locked ? 'Room Unlocked' : 'Room Locked',
+            placement: 'bottom',
+            offset: 5,
+            boundariesElement: 'body',
+            delay: { show: 300, hide: 100 },
+          }"
        />
      </li>
      <li>