Tidy up comments and id names

This commit is contained in:
Julian Stirling 2025-11-11 10:56:49 +00:00
parent 616e93ef97
commit 71c98a7fbf
2 changed files with 9 additions and 8 deletions

View file

@ -44,8 +44,9 @@ export default {
name: "StageControlSettings", name: "StageControlSettings",
computed: { computed: {
// Note that as stepSize and invert are set based on internals we can use // Note that as stepSize and invert are mutated (i.e. we change stepSize.x not stepSize)
// get() and set() to interact with the store. Instead use a deep watcher to // rather than directly set we cannot use get() and set() computed to interact with the
// store as changed won't be detected by set(). Instead use a deep watcher to
// update the store (see ``watch:`` below) // update the store (see ``watch:`` below)
stepSize() { stepSize() {
return this.$store.state.navigationStepSize; return this.$store.state.navigationStepSize;

View file

@ -5,9 +5,9 @@
<div class="settings-nav"> <div class="settings-nav">
<ul class="uk-nav uk-nav-default"> <ul class="uk-nav uk-nav-default">
<li class="uk-nav-header">Application Settings</li> <li class="uk-nav-header">Application Settings</li>
<li v-for="item in appTabs" :key="'setting' + item.id + '-tab-content'"> <li v-for="item in appTabs" :key="'setting-' + item.id + '-tab-content'">
<tabIcon <tabIcon
:id="'setting' + item.id + '-tab-content'" :id="'setting-' + item.id + '-tab-content'"
:tab-i-d="item.id" :tab-i-d="item.id"
:show-title="false" :show-title="false"
:show-tooltip="false" :show-tooltip="false"
@ -27,9 +27,9 @@
> >
Launch Calibration Wizard Launch Calibration Wizard
</button> </button>
<li v-for="item in calibrationTabs" :key="'setting' + item.id + '-tab-content'"> <li v-for="item in calibrationTabs" :key="'setting-' + item.id + '-tab-icon'">
<tabIcon <tabIcon
:id="'setting' + item.id + '-tab-content'" :id="'setting-' + item.id + '-tab-icon'"
:tab-i-d="item.id" :tab-i-d="item.id"
:show-title="false" :show-title="false"
:show-tooltip="false" :show-tooltip="false"
@ -45,8 +45,8 @@
<div class="view-component uk-width-expand uk-padding-small"> <div class="view-component uk-width-expand uk-padding-small">
<tabContent <tabContent
v-for="item in allTabs" v-for="item in allTabs"
:id="'setting' + item.id + '-tab-content'" :id="'setting-' + item.id + '-tab-content'"
:key="'setting' + item.id + '-tab-content'" :key="'setting-' + item.id + '-tab-content'"
:tab-i-d="item.id" :tab-i-d="item.id"
:require-connection="item.requireConnection" :require-connection="item.requireConnection"
:current-tab="currentTab" :current-tab="currentTab"