tab.html 981 Bytes
Newer Older
1
2
3
<div :class="{
    'vispa-ui-tab': true,
    'vispa-other-ws': !isCurrentWs,
4
  }" :style="style" @dragenter="focus">
5
6
7
8
9
10
11
12
13
  <span
    v-show="justIcon"
    class="vispa-comp-icon"
    @click="focus"
    >
    <button class="btn-nostyle">
      <i :class="iconClass | iconPrefix"></i>
    </button>
  </span>
14
  <menu-button
15
    v-show="!justIcon"
16
17
    :items="menuItems"
    class="vispa-comp-icon"
18
    btn-class="btn-nostyle vispa-caret-icon"
19
20
21
22
23
24
25
26
    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"
27
    :title="title"
28
    @click.prevent="focus"
29
    @mouseup="mayClose"
30
    v-el:label
31
    >&nbsp;<div>{{labelShort}}</div></span>
32
33
34
35
36
  <span v-show="badge" class="vispa-comp-badge">
    <span class="badge">{{badge}}</span>
  </span>
  <span
    class="vispa-comp-close"
37
    @click.prevent="close"
38
39
40
    >
    <i :class="closeIconFinal | iconPrefix"></i>
  </span>
41
</div>