change from mkm to µm

guiapp/src/components/GetNearFieldSettings.vue

@@ -0,0 +1,54 @@
+<template>
+  <div class="row items-baseline">
+    <div class="col-xs-12 col-sm-auto text-weight-bold text-center q-px-md q-py-sm">
+      <div :style="flexRowTitleStyle">
+        Host media
+      </div>
+    </div>
+    <div class="col-xs-grow col-sm">
+      <div class="row justify-xs-center justify-sm-start items-center">
+
+        <div class="col-auto" ><input-with-units
+            v-model:input-result="hostIndex"
+            v-model:is-showing-help="isShowingHelpForInputWithUnits"
+            :initial-expression="hostIndex.toString()"
+            title="Re(n)"
+            units=""
+        /></div>
+
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import {
+  defineComponent,
+  computed,
+  } from 'vue'
+import { useStore } from 'src/store'
+import InputWithUnits from 'components/InputWithUnits.vue'
+import { flexRowTitleStyle } from 'components/config'
+
+export default defineComponent({
+
+  name: 'GetNearFieldSettings',
+  components: {InputWithUnits,},
+
+  setup() {
+    const $store = useStore()
+
+    const isShowingHelpForInputWithUnits = computed({
+      get: () => $store.state.guiRuntime.isShowingHelpForInputWithUnits,
+      set: val => $store.commit('guiRuntime/setIsShowingHelpForInputWithUnits', val)
+    })
+
+    const hostIndex = computed({
+      get: () => $store.state.simulationSetup.gui.hostIndex,
+      set: val => $store.commit('simulationSetup/setHostIndex', val)
+    })
+
+    return { hostIndex, isShowingHelpForInputWithUnits, flexRowTitleStyle}
+  },
+})
+</script>

guiapp/src/components/GetUnits.vue

@@ -90,7 +90,7 @@ export default defineComponent({
   components: {},
 
   setup() {
-    const unitsOptions = [ 'nm', 'mkm', 'mm', 'cm', 'm']
+    const unitsOptions = [ 'nm', 'µm', 'mm', 'cm', 'm']
     const sourceUnitsOptions = [
       { title: 'Frequency',
         children: [{label: 'MHz'},{label: 'GHz'},{label: 'THz'}]},

guiapp/src/components/utils.ts

@@ -29,7 +29,7 @@ export function rangeInt(size:number, startAt = 0) {
 // convert value to nm from some units
 export function fromUnits(fromU:string, val:number):number {
     if (fromU === 'nm') return val
-    if (fromU === 'mkm') return val*1e3
+    if (fromU === 'µm') return val*1e3
     if (fromU === 'mm') return val*1e6
     if (fromU === 'cm') return val*1e7
     if (fromU === 'm') return val*1e9
@@ -55,7 +55,7 @@ export function fromUnits(fromU:string, val:number):number {
 // convert value from nm to some units
 export function toUnits(val:number, toU:string):number {
     if (toU === 'nm') return val
-    if (toU === 'mkm') return val/1e3
+    if (toU === 'µm') return val/1e3
     if (toU === 'mm') return val/1e6
     if (toU === 'cm') return val/1e7
     if (toU === 'm') return val/1e9

guiapp/src/pages/Near-field.vue

@@ -2,8 +2,9 @@
   <q-page class="column q-px-md">
     <div class="q-ma-md"/>
     <RunSimulationSpectrum v-show="false"/>
-
     <GetWlFromPlot/>
+    <div class="q-ma-xs"/>
+    <GetNearFieldSettings/>
     <div class="col-auto">
       Input result: {{$store.state.simulationSetup.gui.nearFieldWL}}
     </div>
@@ -19,6 +20,7 @@ import {
   defineComponent
 } from 'vue'
 import GetWlFromPlot from 'components/GetWlFromPlot.vue'
+import GetNearFieldSettings from 'components/GetNearFieldSettings.vue'
 import RunSimulationSpectrum from 'components/RunSimulationSpectrum.vue'
 
 // import { useStore } from 'src/store'
@@ -26,7 +28,8 @@ import RunSimulationSpectrum from 'components/RunSimulationSpectrum.vue'
 
 export default defineComponent({
   name: 'NearField',
-  components: {GetWlFromPlot, RunSimulationSpectrum
+  components: {GetWlFromPlot, RunSimulationSpectrum,
+    GetNearFieldSettings,
   },
   setup() {