Add a global component developer-dock-icon

[jimtng]

Also add the icon to widget-list and script-edit pages.

[relativeci]

Job #1581: Bundle Size — 11.01MiB (-0.03%).

c4bdce0(current) vs 26673dc main#1574(baseline)

Warning

Bundle contains 19 duplicate packages – View duplicate packages

Bundle metrics   3 changes 1 regression

	Current Job #1581	Baseline Job #1574
Initial JS	1.84MiB(+0.03%)	1.84MiB
Initial CSS	607.73KiB	607.73KiB
Cache Invalidation	18.14%	16.97%
Chunks	220	220
Assets	242	242
Modules	3087(+0.1%)	3084
Duplicate Modules	164	164
Duplicate Code	1.77%	1.77%
Packages	150	150
Duplicate Packages	18	18

Bundle size by type   1 change 1 improvement

	Current Job #1581	Baseline Job #1574
JS	9.2MiB (-0.03%)	9.2MiB
CSS	889.37KiB	889.37KiB
Fonts	526.1KiB	526.1KiB
Media	295.6KiB	295.6KiB
IMG	140.74KiB	140.74KiB
HTML	1.24KiB	1.24KiB
Other	871B	871B

---

View job #1581 report View jimtng:rules-help-icon branch activity View project dashboard

[florian-h05]

Nice refactoring, thanks!

I've reformatted your code a bit, removed the icon from rule edit and added it to the widgets list.

[florian-h05]

@jimtng One thing I now have noticed with the developer dock icon being on non-admin pages: It need to be hidden if the user is not logged in as admin.

Can you please fix that?

See

openhab-webui/bundles/org.openhab.ui/web/src/pages/home.vue

Line 15 in c703f4b

<f7-link v-if="(this.$store.getters.isAdmin && $store.state.developerDock && $f7.width >= 1280)" icon-f7="question_circle_fill" @click="$f7.emit('toggleDeveloperDock')" />

for reference how to check for admin, and BTW it seems you forgot to use the new component there.