tab.html 861 Bytes
Newer Older
1
2
3
4
<div :class="{
    'vispa-ui-tab': true,
    'vispa-other-ws': !isCurrentWs,
  }" :style="style">
5
6
7
  <menu-button
    :items="menuItems"
    class="vispa-comp-icon"
8
    btn-class="btn-nostyle vispa-caret-icon"
9
10
11
12
13
14
15
16
17
18
    v-ref:menu
    >
    <i :class="iconClass | iconPrefix">
      <i class="fa fa-caret-down"></i>
    </i>
  </menu-button>
  <span
    class="vispa-comp-label vispa-ui-handle"
    data-toggle="tooltip"
    data-placement="bottom"
19
    data-delay="500"
20
    :title="labelFull"
21
22
    @click.prevent="focus"
    @vmousedown="hideTooltip"
23
    @mouseup="mayClose($event)"
24
25
26
27
28
29
30
31
32
    v-el:label
    >
    {{labelShort}}
  </span>
  <span v-show="badge" class="vispa-comp-badge">
    <span class="badge">{{badge}}</span>
  </span>
  <span
    class="vispa-comp-close"
33
    @click.prevent="close"
34
35
36
    >
    <i :class="closeIconFinal | iconPrefix"></i>
  </span>
37
</div>