Coordinate input type selection

dfpc-coe · Sep 5, 2024 · 90691fc · 90691fc
1 parent 3e0edff
commit 90691fc
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 10 deletions.
diff --git a/api/web/src/components/CloudTAK/CoordInput.vue b/api/web/src/components/CloudTAK/CoordInput.vue
@@ -20,6 +20,13 @@
                 :modes='["dd"]'
                 @submit='submitPoint'
             />
+            <Div class='d-flex justify-content-center'>
+                <CoordinateType
+                    class='pt-3'
+                    :size='24'
+                    v-model='type'
+                />
+            </div>
             <button
                 class='btn btn-primary w-100 mt-3'
                 @click='submitPoint'
@@ -32,6 +39,7 @@
 
 <script>
 import Coordinate from './util/Coordinate.vue';
+import CoordinateType from './util/CoordinateType.vue';
 import {
     TablerInput,
 } from '@tak-ps/vue-tabler';
@@ -44,6 +52,7 @@ export default {
     name: 'CoordInput',
     components: {
         TablerInput,
+        CoordinateType,
         Coordinate
     },
     emits: [
@@ -54,6 +63,7 @@ export default {
 
         return {
             name: '',
+            type: 'u-d-p',
             coordinates: [
                 Math.round(center.lng * 1000000) / 1000000,
                 Math.round(center.lat * 1000000) / 1000000,
@@ -65,7 +75,7 @@ export default {
             await cotStore.add({
                 type: 'Feature',
                 properties: {
-                    type: 'u-d-p',
+                    type: this.type,
                     how: 'h-g-i-g-o',
                     color: '#00FF00',
                     archived: true,

diff --git a/api/web/src/components/CloudTAK/util/CoordinateType.vue b/api/web/src/components/CloudTAK/util/CoordinateType.vue
@@ -19,7 +19,7 @@
         class='btn'
     ><IconPoint
         title='Point Icon'
-        :size='40'
+        :size='size'
         :stroke='1'
     /></label>
 
@@ -38,8 +38,8 @@
         type='button'
         class='btn'
     ><img
-        width='40'
-        height='40'
+        :width='size'
+        :height='size'
         src='/pngs/a-u-G.png'
     ></label>
 
@@ -58,8 +58,8 @@
         type='button'
         class='btn'
     ><img
-        width='40'
-        height='40'
+        :width='size'
+        :height='size'
         src='/pngs/a-f-G.png'
     ></label>
 
@@ -78,8 +78,8 @@
         type='button'
         class='btn'
     ><img
-        width='40'
-        height='40'
+        :width='size'
+        :height='size'
         src='/pngs/a-h-G.png'
     ></label>
 
@@ -98,8 +98,8 @@
         type='button'
         class='btn'
     ><img
-        width='40'
-        height='40'
+        :width='size'
+        :height='size'
         src='/pngs/a-n-G.png'
     ></label>
 </div>
@@ -115,6 +115,10 @@ export default {
         modelValue: {
             type: String,
             required: true,
+        },
+        size: {
+            type: Number,
+            default: 40
         }
     },
     emits: [