|
4 | 4 | class="list-items" |
5 | 5 | fluid |
6 | 6 | > |
7 | | -<VLayout |
8 | | - row |
9 | | - wrap |
10 | | - align-center |
11 | | - justify-space-between |
12 | | - class="pb-2" |
13 | | -> |
14 | | - <VFlex class="text-xs-left"> |
15 | | - <KButton |
16 | | - v-if="!loading && channelSets && channelSets.length" |
17 | | - :text="$tr('aboutChannelSetsLink')" |
18 | | - class="link-btn" |
19 | | - appearance="basic-link" |
20 | | - @click="infoDialog = true" |
21 | | - /> |
22 | | - </VFlex> |
23 | | - <VFlex class="text-xs-right" shrink="0"> |
24 | | - <KButton |
25 | | - v-if="!loading" |
26 | | - appearance="raised-button" |
27 | | - primary |
28 | | - data-test="add-channelset" |
29 | | - :text="$tr('addChannelSetTitle')" |
30 | | - @click="newChannelSet" |
31 | | - /> |
32 | | - </VFlex> |
33 | | -</VLayout> |
| 7 | + <VLayout |
| 8 | + row |
| 9 | + wrap |
| 10 | + align-center |
| 11 | + justify-space-between |
| 12 | + class="pb-2" |
| 13 | + > |
| 14 | + <VFlex class="text-xs-left"> |
| 15 | + <KButton |
| 16 | + v-if="!loading && channelSets && channelSets.length" |
| 17 | + :text="$tr('aboutChannelSetsLink')" |
| 18 | + class="link-btn" |
| 19 | + appearance="basic-link" |
| 20 | + @click="infoDialog = true" |
| 21 | + /> |
| 22 | + </VFlex> |
| 23 | + <VFlex |
| 24 | + class="text-xs-right" |
| 25 | + shrink="0" |
| 26 | + > |
| 27 | + <KButton |
| 28 | + v-if="!loading" |
| 29 | + appearance="raised-button" |
| 30 | + primary |
| 31 | + data-test="add-channelset" |
| 32 | + :text="$tr('addChannelSetTitle')" |
| 33 | + @click="newChannelSet" |
| 34 | + /> |
| 35 | + </VFlex> |
| 36 | + </VLayout> |
34 | 37 |
|
35 | 38 | <VLayout |
36 | 39 | row |
|
41 | 44 | <template v-if="loading"> |
42 | 45 | <LoadingText /> |
43 | 46 | </template> |
44 | | - <template |
45 | | - v-else-if="channelSets && !channelSets.length" |
46 | | - > |
47 | | - <div class="text-xs-center mt-4 p-2"> |
48 | | - <p class="mb-0"> |
49 | | - {{ $tr('noChannelSetsFound') }} |
50 | | - </p> |
51 | | - <KButton |
52 | | - :text="$tr('aboutChannelSetsLink')" |
53 | | - class="link-btn" |
54 | | - appearance="basic-link" |
55 | | - @click="infoDialog = true" |
56 | | - /> |
57 | | - <KModal |
58 | | - v-if="infoDialog" |
59 | | - :cancelText="$tr('cancelButtonLabel')" |
60 | | - :title="$tr('aboutChannelSets')" |
61 | | - @cancel="infoDialog = false" |
62 | | - > |
63 | | - <div> |
64 | | - <p> |
65 | | - {{ $tr('channelSetsDescriptionText') }} |
66 | | - </p> |
67 | | - <p> |
68 | | - {{ $tr('channelSetsInstructionsText') }} |
69 | | - </p> |
70 | | - <p :class="$computedClass(channelSetsDisclamerStyle)"> |
71 | | - {{ $tr('channelSetsDisclaimer') }} |
72 | | - </p> |
73 | | - </div> |
74 | | - </KModal> |
75 | | - </div> |
76 | | - </template> |
| 47 | + <template v-else-if="channelSets && !channelSets.length"> |
| 48 | + <div class="mt-4 p-2 text-xs-center"> |
| 49 | + <p class="mb-0"> |
| 50 | + {{ $tr('noChannelSetsFound') }} |
| 51 | + </p> |
| 52 | + <KButton |
| 53 | + :text="$tr('aboutChannelSetsLink')" |
| 54 | + class="link-btn" |
| 55 | + appearance="basic-link" |
| 56 | + @click="infoDialog = true" |
| 57 | + /> |
| 58 | + <KModal |
| 59 | + v-if="infoDialog" |
| 60 | + :cancelText="$tr('cancelButtonLabel')" |
| 61 | + :title="$tr('aboutChannelSets')" |
| 62 | + @cancel="infoDialog = false" |
| 63 | + > |
| 64 | + <div> |
| 65 | + <p> |
| 66 | + {{ $tr('channelSetsDescriptionText') }} |
| 67 | + </p> |
| 68 | + <p> |
| 69 | + {{ $tr('channelSetsInstructionsText') }} |
| 70 | + </p> |
| 71 | + <p :class="$computedClass(channelSetsDisclamerStyle)"> |
| 72 | + {{ $tr('channelSetsDisclaimer') }} |
| 73 | + </p> |
| 74 | + </div> |
| 75 | + </KModal> |
| 76 | + </div> |
| 77 | + </template> |
77 | 78 | <template v-else> |
78 | 79 | <KModal |
79 | 80 | v-if="infoDialog" |
|
0 commit comments