|
Lines 65-79
Link Here
|
| 65 |
<ul class="nav nav-tabs" role="tablist"> |
65 |
<ul class="nav nav-tabs" role="tablist"> |
| 66 |
<li |
66 |
<li |
| 67 |
v-for="(number, i) in numberOfTabs" |
67 |
v-for="(number, i) in numberOfTabs" |
|
|
68 |
class="nav-item" |
| 68 |
role="presentation" |
69 |
role="presentation" |
| 69 |
v-bind:class=" |
|
|
| 70 |
tabSelected === `Notice ${number}` ? 'active' : '' |
| 71 |
" |
| 72 |
:key="`noticeTab${i}`" |
70 |
:key="`noticeTab${i}`" |
| 73 |
> |
71 |
> |
| 74 |
<a |
72 |
<a |
| 75 |
href="#" |
73 |
href="#" |
|
|
74 |
class="nav-link" |
| 76 |
role="tab" |
75 |
role="tab" |
|
|
76 |
v-bind:class=" |
| 77 |
tabSelected === `Notice ${number}` ? 'active' : '' |
| 78 |
" |
| 77 |
@click="changeTabContent" |
79 |
@click="changeTabContent" |
| 78 |
:data-content="`Notice ${number}`" |
80 |
:data-content="`Notice ${number}`" |
| 79 |
>{{ $__("Trigger") + " " + number }}</a |
81 |
>{{ $__("Trigger") + " " + number }}</a |
|
Lines 81-89
Link Here
|
| 81 |
</li> |
83 |
</li> |
| 82 |
</ul> |
84 |
</ul> |
| 83 |
</div> |
85 |
</div> |
| 84 |
<div class="tab_content"> |
86 |
<div class="tab-content"> |
| 85 |
<template v-for="(number, i) in numberOfTabs"> |
87 |
<template v-for="(number, i) in numberOfTabs"> |
| 86 |
<div |
88 |
<div |
|
|
89 |
class="tab-pane" |
| 90 |
role="tabpanel" |
| 91 |
v-bind:class=" |
| 92 |
tabSelected === `Notice ${number}` ? 'show active' : '' |
| 93 |
" |
| 87 |
v-if="tabSelected === `Notice ${number}`" |
94 |
v-if="tabSelected === `Notice ${number}`" |
| 88 |
:key="`noticeTabContent${i}`" |
95 |
:key="`noticeTabContent${i}`" |
| 89 |
> |
96 |
> |
|
Lines 98-104
Link Here
|
| 98 |
</template> |
105 |
</template> |
| 99 |
</div> |
106 |
</div> |
| 100 |
</div> |
107 |
</div> |
| 101 |
<div v-if="showModal" class="modal_centered"> |
108 |
<div v-if="showModal" class="modal" role="dialog"> |
| 102 |
<div |
109 |
<div |
| 103 |
class="modal-dialog modal-dialog-centered modal-lg" |
110 |
class="modal-dialog modal-dialog-centered modal-lg" |
| 104 |
role="document" |
111 |
role="document" |
|
Lines 244-250
export default {
Link Here
|
| 244 |
margin-bottom: 0; |
251 |
margin-bottom: 0; |
| 245 |
} |
252 |
} |
| 246 |
|
253 |
|
| 247 |
.modal_centered { |
254 |
.modal { |
| 248 |
position: fixed; |
255 |
position: fixed; |
| 249 |
z-index: 9998; |
256 |
z-index: 9998; |
| 250 |
display: table; |
257 |
display: table; |