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; |