Prettier display of clicked coordinates

hslayers · Aug 30, 2019 · cc89e27 · cc89e27
1 parent 614522c
commit cc89e27
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 20 deletions.
diff --git a/components/query/partials/attribute-row.html b/components/query/partials/attribute-row.html
@@ -1,9 +1,9 @@
 <div class="row">
-        <div class="input-group m-1">
-            <div class="input-group-prepend">
-                <span class="input-group-text">{{$ctrl.attribute.name}}</span>
-            </div>
-            <input class="form-control" ng-model="$ctrl.attribute.value" ng-change="change()"></input>
+    <div class="input-group m-1">
+        <div class="input-group-prepend">
+            <span class="input-group-text">{{$ctrl.attribute.name}}</span>
         </div>
+        <input class="form-control" ng-model="$ctrl.attribute.value" ng-change="change()"></input>
+    </div>
 </div>
 
diff --git a/components/query/partials/feature.html b/components/query/partials/feature.html
@@ -2,10 +2,8 @@
     <div class="row">
         <div class="col-12 m-2"><strong>{{$ctrl.feature.name}} in layer {{$ctrl.feature.layer}}</strong></div>
     </div>
-    <div>
-        <hs.query.attribute-row
-            ng-repeat="attribute in $ctrl.feature.attributes track by attribute.name | orderBy : 'name'"
-            template='$ctrl.feature.hstemplate' feature="$ctrl.feature" attribute='attribute'>
-        </hs.query.attribute-row>
-    </div>
+    <hs.query.attribute-row
+        ng-repeat="attribute in $ctrl.feature.attributes track by attribute.name | orderBy : 'name'"
+        template='$ctrl.feature.hstemplate' feature="$ctrl.feature" attribute='attribute'>
+    </hs.query.attribute-row>
 </div>
diff --git a/components/query/partials/infopanel.html b/components/query/partials/infopanel.html
@@ -8,15 +8,19 @@
                 <td class="second-col" ng-bind-html="attribute.value"></td>
             </tr>
         </table>
-        <table class="table table-striped" style="table-layout:fixed" ng-show="data.coordinates[0].name.length > 0">
-            <tr>
-                <th colspan="2">{{data.coordinates[0].name}}</th>
-            </tr>
-            <tr ng-repeat="projection in data.coordinates[0].projections | orderBy : name">
-                <td class="first-col">{{projection.name}}</td>
-                <td class="second-col" ng-bind-html="projection.value"></td>
-            </tr>
-        </table>
+        <div class="container-fluid" ng-show="data.coordinates[0].name.length > 0">
+            <div class="row">
+                <div class="col-12 m-2"><strong>{{data.coordinates[0].name}}</strong></div>
+            </div>
+            <div class="row" ng-repeat="projection in data.coordinates[0].projections | orderBy : name">
+                <div class="input-group m-1" >
+                    <div class="input-group-prepend">
+                        <span class="input-group-text">{{projection.name}}</span>
+                    </div>
+                    <input class="form-control" ng-value="projection.value"></input>
+                </div>
+            </div>
+        </div>
     </div>
     <iframe id="invisible_popup" style="display:block; z-index:12122;left:-10000px; position:absolute"></iframe>
 </div>