Add Properties Fields & Max

dfpc-coe · Mar 8, 2024 · 0501425 · 0501425
1 parent 06c3cfa
commit 0501425
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 3 deletions.
diff --git a/api/web/src/components/CloudTAK/FeatView.vue b/api/web/src/components/CloudTAK/FeatView.vue
@@ -5,7 +5,7 @@
 >
     <div class='col-12 border-light border-bottom d-flex'>
         <div class='col-auto card-header row mx-1 my-2'>
-            <div class='card-title mx-2' v-text='feat.properties.name'></div>
+            <div class='card-title mx-2' v-text='feat.properties.name || "No Name"'></div>
         </div>
         <div class='col-auto btn-list my-2 ms-auto d-flex align-items-center mx-2'>
             <IconZoomPan @click='zoomTo' class='cursor-pointer' v-tooltip='"Zoom To"'/>
@@ -17,7 +17,27 @@
 
     <div class='col-12'>
         <template v-if='mode === "default"'>
-            <Coordinate :coordinates='center'/>
+            <div class='col-12 px-3 py-2'>
+                <Coordinate :coordinates='center'/>
+            </div>
+
+            <div class='col-12 px-3 pb-2'>
+                <label class='subheader'>Remarks</label>
+                <div class='table-responsive rounded mx-2 py-2 px-2'>
+                    <table class="table card-table table-hover table-vcenter datatable">
+                        <thead>
+                            <th>Key</th>
+                            <th>Value</th>
+                        </thead>
+                        <tbody class='bg-gray-500'>
+                            <tr :key='prop' v-for='prop of Object.keys(feat.properties)'>
+                                <td v-text='prop'/>
+                                <td v-text='feat.properties[prop]'/>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
         </template>
         <template v-else-if='mode === "raw"'>
             <pre v-text='feat'/>

diff --git a/tasks/data/task.js b/tasks/data/task.js
@@ -107,7 +107,7 @@ export default class Task {
                     force: true,
                     zoom: {
                         min: 0,
-                        max: 10
+                        max: 14
                     }
                 }
             );
-Original file line number
+Diff line change
@@ Expand Up / @@ -107,7 +107,7 @@ export default class Task { @@
                         force: true,
                         zoom: {
                             min: 0,
-                            max: 10
+                            max: 14
                         }
                     }
                 );
@@ Expand Down @@