rahix/openflexure-microscope-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Explicit header, text and bullet blocks rather than one HTML block in ui spec

Browse source
This commit is contained in:
Julian Stirling 2026-03-10 15:25:04 +00:00
parent 85ebfef44a
commit c4d0c0e9da
5 changed files with 82 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

12
webapp/src/components/labThingsComponents/serverSpecifiedInterface.vue
View file

@ -1,7 +1,17 @@
<template>
<div v-for="(element, index) in elements" :key="index" class="uk-margin">
<!-- eslint-disable vue/no-v-html -->
<div v-if="element.element_type === 'html_block'" v-html="element.html"></div>
<component :is="'h' + element.level" v-if="element.element_type === 'header_block'">
<span v-html="element.text"></span>
</component>
<p v-if="element.element_type === 'text_block'" v-html="element.text"></p>
<ul v-if="element.element_type === 'bullet_block'">
<li
v-for="(bulletText, bulletIndex) in element.bullets"
:key="'bullet-' + bulletIndex"
v-html="bulletText"
></li>
</ul>
<!-- eslint-enable -->
<server-specified-property-control
v-else-if="element.element_type === 'property_control'"