Skip to content

Commit d0bbdc2

Browse files
committed
Dev environment - Improve config logs in manual-testing pages
1 parent a2c6a62 commit d0bbdc2

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

60 files changed

+411
-447
lines changed

TestingArena/ArenaVueUi3dBar.vue

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -265,7 +265,7 @@ onMounted(async () => {
265265
</div>
266266
<select v-model="selectedDataset" @change="step += 1"><option>simple</option><option>stacked</option></select>
267267

268-
<Box comp="VueUi3dBar" :dataset="dataset">
268+
<Box comp="VueUi3dBar" :dataset="dataset" :config="config">
269269
<template #title>VueUi3dBar</template>
270270

271271
<template #responsive>
@@ -329,9 +329,5 @@ onMounted(async () => {
329329
<template #knobs>
330330
<ConfigKnobs :model="model" @change="step += 1"/>
331331
</template>
332-
333-
<template #config>
334-
{{ config }}
335-
</template>
336332
</Box>
337333
</template>

TestingArena/ArenaVueUiAgePyramid.vue

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -282,7 +282,7 @@ onMounted(async () => {
282282
<button @click="toggleProps">TOGGLE PROPS: {{ isPropsToggled }}</button>
283283
<button @click="alterDataset">ALTER DATASET</button>
284284

285-
<Box comp="VueUiAgePyramid" :dataset="dataset">
285+
<Box comp="VueUiAgePyramid" :dataset="dataset" :config="config">
286286
<template #title>VueUiAgePyramid</template>
287287

288288
<template #responsive>
@@ -423,9 +423,5 @@ onMounted(async () => {
423423
<template #knobs>
424424
<ConfigKnobs :model="model" @change="step += 1"/>
425425
</template>
426-
427-
<template #config>
428-
{{ config }}
429-
</template>
430426
</Box>
431427
</template>

TestingArena/ArenaVueUiAnnotator.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -99,7 +99,7 @@ const initLastSelectedShape = ref({
9999
</script>
100100

101101
<template>
102-
<Box>
102+
<Box :config="config">
103103
<template #local>
104104
<LocalVueUiAnnotator @saveAnnotations="save" :config="config" :dataset="{ shapes }">
105105
<div>

TestingArena/ArenaVueUiBullet.vue

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -183,7 +183,7 @@ onMounted(async () => {
183183
</select>
184184
</div>
185185

186-
<Box>
186+
<Box :config="config">
187187
<template #title>VueUiBullet</template>
188188

189189
<template #reponsive>
@@ -231,9 +231,5 @@ onMounted(async () => {
231231
<template #knobs>
232232
<ConfigKnobs :model="model" @change="step += 1"/>
233233
</template>
234-
235-
<template #config>
236-
{{ config }}
237-
</template>
238234
</Box>
239235
</template>

TestingArena/ArenaVueUiCandlestick.vue

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -405,7 +405,7 @@ function freestyle({ drawingArea, data }) {
405405
<label for="custom-tooltip" style="color:#CCCCCC">Test custom tooltip</label>
406406
</div>
407407
408-
<Box comp="VueUiCandlestick" :dataset="dataset">
408+
<Box comp="VueUiCandlestick" :dataset="dataset" :config="config">
409409
<template #title>VueUiCandlestick</template>
410410
411411
<template #responsive>
@@ -566,9 +566,5 @@ function freestyle({ drawingArea, data }) {
566566
<template #knobs>
567567
<ConfigKnobs :model="model" @change="step += 1"/>
568568
</template>
569-
570-
<template #config>
571-
{{ config }}
572-
</template>
573569
</Box>
574570
</template>

TestingArena/ArenaVueUiCarouselTable.vue

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -210,7 +210,7 @@ function resumeVduiBuild() {
210210
</script>
211211

212212
<template>
213-
<Box>
213+
<Box :config="config">
214214
<template #title>VueUiCarouselTable</template>
215215

216216
<template #local>
@@ -290,11 +290,6 @@ function resumeVduiBuild() {
290290

291291
<template #knobs>
292292
<ConfigKnobs :model="model" @change="step += 1"/>
293-
</template>
294-
295-
<template #config>
296-
{{ config }}
297-
</template>
298-
293+
</template>
299294
</Box>
300295
</template>

TestingArena/ArenaVueUiChestnut.vue

Lines changed: 87 additions & 91 deletions
Original file line numberDiff line numberDiff line change
@@ -589,97 +589,93 @@ onMounted(async () => {
589589
</LocalVueUiChestnut>
590590
</div>
591591

592-
<Box comp="VueUiChestnut" :dataset="dataset">
593-
<template #title>VueUiChestnut</template>
594-
595-
<template #theme>
596-
<LocalVueUiChestnut :dataset="dataset" :config="configTheme" />
597-
</template>
598-
599-
<template #local>
600-
<LocalVueUiChestnut :dataset="isPropsToggled ? alternateDataset : dataset" :config="isPropsToggled ? alternateConfig : config" :key="`local_${step}`" @selectRoot="selectRoot" @selectBranch="selectBranch" @selectNut="selectNut" ref="local">
601-
<template #optionPdf>
602-
PRINT PDF
603-
</template>
604-
<template #svg="{ svg }">
605-
<circle :cx="svg.width / 2" :cy="svg.height / 2" :r="30" fill="#42d392" />
606-
<text :x="svg.width / 2" :y="svg.height / 2" text-anchor="middle">#SVG</text>
607-
</template>
608-
<!-- <template #legend="{ legend }">
609-
#LEGEND
610-
<div style="font-size: 8px">
611-
{{ legend }}
612-
</div>
613-
</template> -->
614-
</LocalVueUiChestnut>
615-
</template>
616-
617-
<template #VDUI-local>
618-
<LocalVueDataUi component="VueUiChestnut" :dataset="isPropsToggled ? alternateDataset : dataset" :config="isPropsToggled ? alternateConfig : config" :key="`VDUI-lodal_${step}`" @selectRoot="selectRoot" @selectBranch="selectBranch" @selectNut="selectNut" ref="vduiLocal">
619-
<template #svg="{ svg }">
620-
<circle :cx="svg.width / 2" :cy="svg.height / 2" :r="30" fill="#42d392" />
621-
<text :x="svg.width / 2" :y="svg.height / 2" text-anchor="middle">#SVG</text>
622-
</template>
623-
<!-- <template #legend="{ legend }">
624-
#LEGEND
625-
<div style="font-size: 8px">
626-
{{ legend }}
627-
</div>
628-
</template> -->
629-
</LocalVueDataUi>
630-
</template>
631-
632-
<template #build>
633-
<VueUiChestnut :dataset="isPropsToggled ? alternateDataset : dataset" :config="isPropsToggled ? alternateConfig : config" :key="`build_${step}`" @selectRoot="selectRoot" @selectBranch="selectBranch" @selectNut="selectNut" ref="build">
634-
<template #svg="{ svg }">
635-
<circle :cx="svg.width / 2" :cy="svg.height / 2" :r="30" fill="#42d392" />
636-
<text :x="svg.width / 2" :y="svg.height / 2" text-anchor="middle">#SVG</text>
637-
</template>
638-
<!-- <template #legend="{ legend }">
639-
#LEGEND
640-
<div style="font-size: 8px">
641-
{{ legend }}
642-
</div>
643-
</template> -->
644-
</VueUiChestnut>
645-
</template>
646-
647-
<template #build-treesh>
648-
<VueUiChestnutTreeshaken :dataset="isPropsToggled ? alternateDataset : dataset" :config="isPropsToggled ? alternateConfig : config" :key="`build_${step}`" @selectRoot="selectRoot" @selectBranch="selectBranch" @selectNut="selectNut" ref="build">
649-
<template #svg="{ svg }">
650-
<circle :cx="svg.width / 2" :cy="svg.height / 2" :r="30" fill="#42d392" />
651-
<text :x="svg.width / 2" :y="svg.height / 2" text-anchor="middle">#SVG</text>
652-
</template>
653-
<!-- <template #legend="{ legend }">
654-
#LEGEND
655-
<div style="font-size: 8px">
656-
{{ legend }}
657-
</div>
658-
</template> -->
659-
</VueUiChestnutTreeshaken>
660-
</template>
661-
662-
<template #VDUI-build>
663-
<VueDataUi component="VueUiChestnut" :dataset="isPropsToggled ? alternateDataset : dataset" :config="isPropsToggled ? alternateConfig : config" :key="`VDUI-build_${step}`" @selectRoot="selectRoot" @selectBranch="selectBranch" @selectNut="selectNut" ref="vduiBuild">
664-
<template #svg="{ svg }">
665-
<circle :cx="svg.width / 2" :cy="svg.height / 2" :r="30" fill="#42d392" />
666-
<text :x="svg.width / 2" :y="svg.height / 2" text-anchor="middle">#SVG</text>
667-
</template>
668-
<!-- <template #legend="{ legend }">
669-
#LEGEND
670-
<div style="font-size: 8px">
671-
{{ legend }}
672-
</div>
673-
</template> -->
674-
</VueDataUi>
675-
</template>
676-
677-
<template #knobs>
678-
<ConfigKnobs :model="model" @change="step += 1"/>
592+
<Box comp="VueUiChestnut" :dataset="dataset" :config="config">
593+
<template #title>VueUiChestnut</template>
594+
595+
<template #theme>
596+
<LocalVueUiChestnut :dataset="dataset" :config="configTheme" />
597+
</template>
598+
599+
<template #local>
600+
<LocalVueUiChestnut :dataset="isPropsToggled ? alternateDataset : dataset" :config="isPropsToggled ? alternateConfig : config" :key="`local_${step}`" @selectRoot="selectRoot" @selectBranch="selectBranch" @selectNut="selectNut" ref="local">
601+
<template #optionPdf>
602+
PRINT PDF
603+
</template>
604+
<template #svg="{ svg }">
605+
<circle :cx="svg.width / 2" :cy="svg.height / 2" :r="30" fill="#42d392" />
606+
<text :x="svg.width / 2" :y="svg.height / 2" text-anchor="middle">#SVG</text>
607+
</template>
608+
<!-- <template #legend="{ legend }">
609+
#LEGEND
610+
<div style="font-size: 8px">
611+
{{ legend }}
612+
</div>
613+
</template> -->
614+
</LocalVueUiChestnut>
615+
</template>
616+
617+
<template #VDUI-local>
618+
<LocalVueDataUi component="VueUiChestnut" :dataset="isPropsToggled ? alternateDataset : dataset" :config="isPropsToggled ? alternateConfig : config" :key="`VDUI-lodal_${step}`" @selectRoot="selectRoot" @selectBranch="selectBranch" @selectNut="selectNut" ref="vduiLocal">
619+
<template #svg="{ svg }">
620+
<circle :cx="svg.width / 2" :cy="svg.height / 2" :r="30" fill="#42d392" />
621+
<text :x="svg.width / 2" :y="svg.height / 2" text-anchor="middle">#SVG</text>
622+
</template>
623+
<!-- <template #legend="{ legend }">
624+
#LEGEND
625+
<div style="font-size: 8px">
626+
{{ legend }}
627+
</div>
628+
</template> -->
629+
</LocalVueDataUi>
630+
</template>
631+
632+
<template #build>
633+
<VueUiChestnut :dataset="isPropsToggled ? alternateDataset : dataset" :config="isPropsToggled ? alternateConfig : config" :key="`build_${step}`" @selectRoot="selectRoot" @selectBranch="selectBranch" @selectNut="selectNut" ref="build">
634+
<template #svg="{ svg }">
635+
<circle :cx="svg.width / 2" :cy="svg.height / 2" :r="30" fill="#42d392" />
636+
<text :x="svg.width / 2" :y="svg.height / 2" text-anchor="middle">#SVG</text>
637+
</template>
638+
<!-- <template #legend="{ legend }">
639+
#LEGEND
640+
<div style="font-size: 8px">
641+
{{ legend }}
642+
</div>
643+
</template> -->
644+
</VueUiChestnut>
645+
</template>
646+
647+
<template #build-treesh>
648+
<VueUiChestnutTreeshaken :dataset="isPropsToggled ? alternateDataset : dataset" :config="isPropsToggled ? alternateConfig : config" :key="`build_${step}`" @selectRoot="selectRoot" @selectBranch="selectBranch" @selectNut="selectNut" ref="build">
649+
<template #svg="{ svg }">
650+
<circle :cx="svg.width / 2" :cy="svg.height / 2" :r="30" fill="#42d392" />
651+
<text :x="svg.width / 2" :y="svg.height / 2" text-anchor="middle">#SVG</text>
652+
</template>
653+
<!-- <template #legend="{ legend }">
654+
#LEGEND
655+
<div style="font-size: 8px">
656+
{{ legend }}
657+
</div>
658+
</template> -->
659+
</VueUiChestnutTreeshaken>
660+
</template>
661+
662+
<template #VDUI-build>
663+
<VueDataUi component="VueUiChestnut" :dataset="isPropsToggled ? alternateDataset : dataset" :config="isPropsToggled ? alternateConfig : config" :key="`VDUI-build_${step}`" @selectRoot="selectRoot" @selectBranch="selectBranch" @selectNut="selectNut" ref="vduiBuild">
664+
<template #svg="{ svg }">
665+
<circle :cx="svg.width / 2" :cy="svg.height / 2" :r="30" fill="#42d392" />
666+
<text :x="svg.width / 2" :y="svg.height / 2" text-anchor="middle">#SVG</text>
667+
</template>
668+
<!-- <template #legend="{ legend }">
669+
#LEGEND
670+
<div style="font-size: 8px">
671+
{{ legend }}
672+
</div>
673+
</template> -->
674+
</VueDataUi>
679675
</template>
680676

681-
<template #config>
682-
{{ config }}
683-
</template>
684-
</Box>
677+
<template #knobs>
678+
<ConfigKnobs :model="model" @change="step += 1"/>
679+
</template>
680+
</Box>
685681
</template>

TestingArena/ArenaVueUiChord.vue

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -183,7 +183,7 @@ onMounted(async () => {
183183
</select>
184184
</div>
185185

186-
<Box comp="VueUiChord" :dataset="dataset">
186+
<Box comp="VueUiChord" :dataset="dataset" :config="config">
187187
<template #title>VueUiChord</template>
188188

189189
<template #responsive>
@@ -238,9 +238,5 @@ onMounted(async () => {
238238
<template #knobs>
239239
<ConfigKnobs :model="model" @change="step += 1"/>
240240
</template>
241-
242-
<template #config>
243-
{{ config }}
244-
</template>
245241
</Box>
246242
</template>

TestingArena/ArenaVueUiCirclePack.vue

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -182,7 +182,7 @@ onMounted(async() => {
182182
</select>
183183
</div>
184184

185-
<Box>
185+
<Box :config="config">
186186
<template #title>VueUiCirclePack</template>
187187

188188
<template #responsive>
@@ -252,9 +252,5 @@ onMounted(async() => {
252252
<template #knobs>
253253
<ConfigKnobs :model="model" @change="step += 1" />
254254
</template>
255-
256-
<template #config>
257-
{{ config }}
258-
</template>
259255
</Box>
260256
</template>

TestingArena/ArenaVueUiDashboard.vue

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -168,7 +168,7 @@ const dataset = ref([
168168
</script>
169169

170170
<template>
171-
<Box>
171+
<Box :config="config">
172172
<template #title>VueUiDashboard</template>
173173

174174
<template #responsive>
@@ -194,10 +194,5 @@ const dataset = ref([
194194
<template #knobs>
195195
<ConfigKnobs :model="model" @change="step += 1"/>
196196
</template>
197-
198-
<template #config>
199-
{{ config }}
200-
</template>
201-
202197
</Box>
203198
</template>

0 commit comments

Comments
 (0)