Skip to content

Commit d66ca89

Browse files
rstoenescurstoenescu
committed
chore(ui/dev): update some test-cases
1 parent b7e315b commit d66ca89

File tree

5 files changed

+170
-172
lines changed

5 files changed

+170
-172
lines changed

‎ui/dev/App.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
<router-view />
55
</transition>
66
<q-card
7-
style="padding: 11px; right: 11px; bottom: 10px"
8-
class="rounded-borders shadow-4 fixed z-max"
7+
style="padding: 11px; right: 11px; bottom: 10px; z-index: 6000;"
8+
class="rounded-borders shadow-4 fixed"
99
>
1010
<q-btn dense flat size="sm" icon="visibility" @click="showSelector = !showSelector" class="absolute-top-right z-top" />
1111
<template v-if="showSelector">

‎ui/dev/components/layout/layout.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -316,7 +316,7 @@
316316
<router-view />
317317
</transition>
318318

319-
<div class="fixed-bottom-right bg-grey-5 q-pa-sm z-max" style="bottom: 8px; right: 8px; left: auto;">
319+
<div class="fixed-bottom-right bg-grey-5 q-pa-sm" style="bottom: 8px; right: 8px; left: auto;z-index: 6000;">
320320
<q-toggle dense v-model="showConfig" label="Config" />
321321
</div>
322322
</q-page-container>

‎ui/dev/components/other/cookies.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<q-btn label="Refresh" no-caps @click="refresh" color="accent" class="q-ma-sm" />
99
<q-btn label="DEL ssr_cookie" no-caps @click="del('ssr_cookie')" color="accent" class="q-ma-sm" />
1010
<br><br>
11-
<table class="q-table striped" style="width: 400px">
11+
<q-markup-table flat bordered>
1212
<thead>
1313
<tr>
1414
<th class="text-left">
@@ -26,7 +26,7 @@
2626
<td>{{ value }}</td>
2727
</tr>
2828
</tbody>
29-
</table>
29+
</q-markup-table>
3030
</div>
3131
</template>
3232

‎ui/dev/components/other/model-toggle.vue‎

Lines changed: 163 additions & 165 deletions
Original file line numberDiff line numberDiff line change
@@ -1,184 +1,182 @@
11
<template>
2-
<div class="bg-white">
3-
<div class="q-layout-padding q-mx-auto" style="max-width: 600px;">
4-
<q-list bordered separator class="q-mt-lg">
5-
<q-item-label header>
6-
Expansion Item - no model
7-
</q-item-label>
8-
<q-separator />
9-
2+
<div class="q-layout-padding q-mx-auto" style="max-width: 600px;">
3+
<q-list bordered separator class="q-mt-lg">
4+
<q-item-label header>
5+
Expansion Item - no model
6+
</q-item-label>
7+
<q-separator />
8+
9+
<q-expansion-item
10+
default-opened
11+
label="Expansion Item - defaultOpened"
12+
>
13+
<q-card>
14+
<q-card-section>{{ lorem }}</q-card-section>
15+
</q-card>
16+
</q-expansion-item>
17+
18+
<q-expansion-item
19+
label="Expansion Item"
20+
>
21+
<q-card>
22+
<q-card-section>{{ lorem }}</q-card-section>
23+
</q-card>
24+
</q-expansion-item>
25+
26+
<q-expansion-item
27+
default-opened
28+
label="Expansion Item - defaultOpened"
29+
>
30+
<q-card>
31+
<q-card-section>{{ lorem }}</q-card-section>
32+
</q-card>
33+
</q-expansion-item>
34+
</q-list>
35+
36+
<q-list bordered separator class="q-mt-lg">
37+
<q-item-label header>
38+
Expansion Item - model
39+
</q-item-label>
40+
<q-separator />
41+
42+
<q-expansion-item
43+
v-model="expModelOpen1"
44+
default-opened
45+
:label="`Expansion Item - model [${ expModelOpen1 }] (started as true) - defaultOpened`"
46+
>
47+
<q-card>
48+
<q-card-section>{{ lorem }}</q-card-section>
49+
</q-card>
50+
</q-expansion-item>
51+
52+
<q-expansion-item
53+
v-model="expModelClosed1"
54+
default-opened
55+
:label="`Expansion Item - model [${ expModelClosed1 }] (started as false) - defaultOpened`"
56+
>
57+
<q-card>
58+
<q-card-section>{{ lorem }}</q-card-section>
59+
</q-card>
60+
</q-expansion-item>
61+
62+
<q-expansion-item
63+
v-model="expModelOpen2"
64+
:label="`Expansion Item - model [${ expModelOpen2 }] (started as true)`"
65+
>
66+
<q-card>
67+
<q-card-section>{{ lorem }}</q-card-section>
68+
</q-card>
69+
</q-expansion-item>
70+
71+
<q-expansion-item
72+
v-model="expModelClosed2"
73+
:label="`Expansion Item - model [${ expModelClosed2 }] (started as false)`"
74+
>
75+
<q-card>
76+
<q-card-section>{{ lorem }}</q-card-section>
77+
</q-card>
78+
</q-expansion-item>
79+
</q-list>
80+
81+
<q-list bordered separator class="q-mt-lg">
82+
<q-item-label header>
83+
Expansion Item - Accordion - no model
84+
</q-item-label>
85+
<q-separator />
86+
87+
<q-expansion-item
88+
group="group1"
89+
default-opened
90+
label="Expansion Item - Accordion (group1) - defaultOpened - should start open even if next defaultOpened"
91+
>
92+
<q-card>
93+
<q-card-section>{{ lorem }}</q-card-section>
94+
</q-card>
95+
</q-expansion-item>
96+
97+
<q-expansion-item
98+
group="group1"
99+
label="Expansion Item - Accordion (group1)"
100+
>
101+
<q-card>
102+
<q-card-section>{{ lorem }}</q-card-section>
103+
</q-card>
104+
</q-expansion-item>
105+
106+
<q-expansion-item
107+
:group="changingGroup"
108+
default-opened
109+
:label="`Expansion Item - Accordion (${changingGroup}) - defaultOpened - should start opened`"
110+
>
111+
<q-card>
112+
<q-card-section>
113+
<q-radio v-model="changingGroup" val="group1" label="group1" />
114+
<q-radio v-model="changingGroup" val="group2" label="group2" />
115+
</q-card-section>
116+
<q-card-section>{{ lorem }}</q-card-section>
117+
</q-card>
118+
</q-expansion-item>
119+
120+
<q-expansion-item
121+
group="group2"
122+
default-opened
123+
label="Expansion Item - Accordion (group2) - defaultOpened - should start opened"
124+
>
125+
<q-card>
126+
<q-card-section>{{ lorem }}</q-card-section>
127+
</q-card>
128+
</q-expansion-item>
129+
</q-list>
130+
131+
<q-card class="q-mt-lg">
132+
<q-card-section>
133+
<q-input v-model="showHideSequence" label="Sequence of show/hide/$nextTick (s/h/t)" />
134+
</q-card-section>
135+
<q-card-actions vertical>
136+
<q-btn :label="`Run on ExpansionItem - should end up ${showHideSequenceEndStatus}`" @click="runSequence($refs.refExpansionItem)" />
137+
<q-btn :label="`Run on ExpansionItem - model [${seqModelExpansionItem}] - should end up ${showHideSequenceEndStatus}`" @click="runSequence($refs.refExpansionItemModel)" />
138+
<q-btn :label="`Run on Dialog - should end up ${showHideSequenceEndStatus}`" @click="runSequence($refs.refDialog)" />
139+
<q-btn :label="`Run on Dialog - model [${seqModelDialog}] - should end up ${showHideSequenceEndStatus}`" @click="runSequence($refs.refDialogModel)" />
140+
</q-card-actions>
141+
142+
<q-list separator>
10143
<q-expansion-item
11-
default-opened
12-
label="Expansion Item - defaultOpened"
144+
ref="refExpansionItem"
145+
:label="`Expansion Item - no model`"
13146
>
14147
<q-card>
15148
<q-card-section>{{ lorem }}</q-card-section>
16149
</q-card>
17150
</q-expansion-item>
18151

19152
<q-expansion-item
20-
label="Expansion Item"
21-
>
22-
<q-card>
23-
<q-card-section>{{ lorem }}</q-card-section>
24-
</q-card>
25-
</q-expansion-item>
26-
27-
<q-expansion-item
28-
default-opened
29-
label="Expansion Item - defaultOpened"
153+
ref="refExpansionItemModel"
154+
v-model="seqModelExpansionItem"
155+
:label="`Expansion Item - model [${seqModelExpansionItem}]`"
30156
>
31157
<q-card>
32158
<q-card-section>{{ lorem }}</q-card-section>
33159
</q-card>
34160
</q-expansion-item>
35161
</q-list>
36162

37-
<q-list bordered separator class="q-mt-lg">
38-
<q-item-label header>
39-
Expansion Item - model
40-
</q-item-label>
41-
<q-separator />
42-
43-
<q-expansion-item
44-
v-model="expModelOpen1"
45-
default-opened
46-
:label="`Expansion Item - model [${ expModelOpen1 }] (started as true) - defaultOpened`"
47-
>
48-
<q-card>
49-
<q-card-section>{{ lorem }}</q-card-section>
50-
</q-card>
51-
</q-expansion-item>
52-
53-
<q-expansion-item
54-
v-model="expModelClosed1"
55-
default-opened
56-
:label="`Expansion Item - model [${ expModelClosed1 }] (started as false) - defaultOpened`"
57-
>
58-
<q-card>
59-
<q-card-section>{{ lorem }}</q-card-section>
60-
</q-card>
61-
</q-expansion-item>
62-
63-
<q-expansion-item
64-
v-model="expModelOpen2"
65-
:label="`Expansion Item - model [${ expModelOpen2 }] (started as true)`"
66-
>
67-
<q-card>
68-
<q-card-section>{{ lorem }}</q-card-section>
69-
</q-card>
70-
</q-expansion-item>
71-
72-
<q-expansion-item
73-
v-model="expModelClosed2"
74-
:label="`Expansion Item - model [${ expModelClosed2 }] (started as false)`"
75-
>
76-
<q-card>
77-
<q-card-section>{{ lorem }}</q-card-section>
78-
</q-card>
79-
</q-expansion-item>
80-
</q-list>
81-
82-
<q-list bordered separator class="q-mt-lg">
83-
<q-item-label header>
84-
Expansion Item - Accordion - no model
85-
</q-item-label>
86-
<q-separator />
87-
88-
<q-expansion-item
89-
group="group1"
90-
default-opened
91-
label="Expansion Item - Accordion (group1) - defaultOpened - should start open even if next defaultOpened"
92-
>
93-
<q-card>
94-
<q-card-section>{{ lorem }}</q-card-section>
95-
</q-card>
96-
</q-expansion-item>
97-
98-
<q-expansion-item
99-
group="group1"
100-
label="Expansion Item - Accordion (group1)"
101-
>
102-
<q-card>
103-
<q-card-section>{{ lorem }}</q-card-section>
104-
</q-card>
105-
</q-expansion-item>
106-
107-
<q-expansion-item
108-
:group="changingGroup"
109-
default-opened
110-
:label="`Expansion Item - Accordion (${changingGroup}) - defaultOpened - should start opened`"
111-
>
112-
<q-card>
113-
<q-card-section>
114-
<q-radio v-model="changingGroup" val="group1" label="group1" />
115-
<q-radio v-model="changingGroup" val="group2" label="group2" />
116-
</q-card-section>
117-
<q-card-section>{{ lorem }}</q-card-section>
118-
</q-card>
119-
</q-expansion-item>
120-
121-
<q-expansion-item
122-
group="group2"
123-
default-opened
124-
label="Expansion Item - Accordion (group2) - defaultOpened - should start opened"
125-
>
126-
<q-card>
127-
<q-card-section>{{ lorem }}</q-card-section>
128-
</q-card>
129-
</q-expansion-item>
130-
</q-list>
131-
132-
<q-card class="q-mt-lg">
133-
<q-card-section>
134-
<q-input v-model="showHideSequence" label="Sequence of show/hide/$nextTick (s/h/t)" />
135-
</q-card-section>
136-
<q-card-actions vertical>
137-
<q-btn :label="`Run on ExpansionItem - should end up ${showHideSequenceEndStatus}`" @click="runSequence($refs.refExpansionItem)" />
138-
<q-btn :label="`Run on ExpansionItem - model [${seqModelExpansionItem}] - should end up ${showHideSequenceEndStatus}`" @click="runSequence($refs.refExpansionItemModel)" />
139-
<q-btn :label="`Run on Dialog - should end up ${showHideSequenceEndStatus}`" @click="runSequence($refs.refDialog)" />
140-
<q-btn :label="`Run on Dialog - model [${seqModelDialog}] - should end up ${showHideSequenceEndStatus}`" @click="runSequence($refs.refDialogModel)" />
141-
</q-card-actions>
142-
143-
<q-list separator>
144-
<q-expansion-item
145-
ref="refExpansionItem"
146-
:label="`Expansion Item - no model`"
147-
>
148-
<q-card>
149-
<q-card-section>{{ lorem }}</q-card-section>
150-
</q-card>
151-
</q-expansion-item>
152-
153-
<q-expansion-item
154-
ref="refExpansionItemModel"
155-
v-model="seqModelExpansionItem"
156-
:label="`Expansion Item - model [${seqModelExpansionItem}]`"
157-
>
158-
<q-card>
159-
<q-card-section>{{ lorem }}</q-card-section>
160-
</q-card>
161-
</q-expansion-item>
162-
</q-list>
163-
164-
<q-dialog ref="refDialog">
165-
<div class="bg-white q-pa-lg">
166-
Dialog
167-
</div>
168-
</q-dialog>
169-
170-
<q-dialog ref="refDialogModel" v-model="seqModelDialog">
171-
<q-card class="bg-white">
172-
<q-card-section>
173-
<q-input v-model="showHideSequence" label="Sequence of show/hide/$nextTick (s/h/t)" autofocus />
174-
</q-card-section>
175-
<q-card-actions vertical>
176-
<q-btn :label="`Run on Dialog - model [${seqModelDialog}] - should end up ${showHideSequenceEndStatus}`" @click="runSequence($refs.refDialogModel)" />
177-
</q-card-actions>
178-
</q-card>
179-
</q-dialog>
180-
</q-card>
181-
</div>
163+
<q-dialog ref="refDialog">
164+
<q-card class="q-pa-lg">
165+
Dialog
166+
</q-card>
167+
</q-dialog>
168+
169+
<q-dialog ref="refDialogModel" v-model="seqModelDialog">
170+
<q-card>
171+
<q-card-section>
172+
<q-input v-model="showHideSequence" label="Sequence of show/hide/$nextTick (s/h/t)" autofocus />
173+
</q-card-section>
174+
<q-card-actions vertical>
175+
<q-btn :label="`Run on Dialog - model [${seqModelDialog}] - should end up ${showHideSequenceEndStatus}`" @click="runSequence($refs.refDialogModel)" />
176+
</q-card-actions>
177+
</q-card>
178+
</q-dialog>
179+
</q-card>
182180
</div>
183181
</template>
184182

0 commit comments

Comments
 (0)