implement greenzone feature, step 2

snippets/map.html

@@ -23,9 +23,9 @@
   <div class="modal-background"></div>
   <div class="modal-card">
     <header class="modal-card-head">
-      <p class="modal-card-title">Koordinaten als gr&uuml;ne Zone &uuml;bernehmen?</p>
+      <p class="modal-card-title">Folgende Koordinaten als gr&uuml;ne Zone &uuml;bernehmen?</p>
     </header>
-    <div class="modal-card-body">
+    <div id="yesnomodalbody" class="modal-card-body">
       <!-- Content ... -->
     </div>
     <footer class="modal-card-foot">

snippets/tracker.html

@@ -68,7 +68,10 @@
       </div>
 
       <div class="field">
-        <label class="label">Koordination Gr&uuml;ne Zone</label>
+        <label class="label">Koordination Gr&uuml;ne Zone (Optional)</label>
+        <div class="is-size-7 mb-4">
+Bei Verlassen der gr&uuml;nen Zone wird ein Alarm ausgel&ouml;st. Die gr&uuml;ne Zone wird am einfachsten definiert, indem der gew&uuml;nschte Bereich in der Kartenansicht bei gedr&uuml;ckter Ctrl-Taste markiert wird.
+        </div>
         <div class="control has-icons-right">
           <input id="greenzone" class="input" type="text" maxlength="50"> <span id="greenzone_exclamation" class="icon is-small is-right">
             <i class="fas fa-exclamation-triangle"></i>
@@ -149,14 +152,14 @@ Sie erhalten eine E-Mail, sobald die Zahlung erfolgreich abgeschlossen ist.
   <p id="emailalarmactive_{{.Deveui}}" hidden>{{.Emailalarmactive}}</p>
   <p id="email_{{.Deveui}}" hidden>{{.Email}}</p>
   <p id="greenzone_{{.Deveui}}" hidden>{{.Greenzone}}</p>
-  <p id="lastmeasurement_{{.Deveui}}" class="has-text-centered">letzte &uuml;bermittelte Messung: {{.Timestamp}}</p>
+  <p id="lastmeasurement_{{.Deveui}}" class="has-text-centered">letzte &uuml;bermittelte Position: {{.Timestamp}}</p>
   <p id="batpercent_{{.Deveui}}" class="has-text-centered">{{.BatteryPercentHTML}}</p>
   <div id="{{.Deveui}}" class="columns mt-3">
     <p id="lat" hidden>{{.Lat}}</p>
     <p id="lon" hidden>{{.Lon}}</p>
     <div class="column is-one-quarter"></div>
     <div class="column is-half">
-      <a class="block-link" href="/map.html?deveui={{.Deveui}}&alias={{.Alias}}&lat={{.Lat}}&lon={{.Lon}}">
+      <a class="block-link" href="/map.html?deveui={{.Deveui}}&alias={{.Alias}}{{ if ne .Greenzone "" }}&greenzone={{.Greenzone}}{{end}}">
         <div id="map_{{.Deveui}}" class="map"></div>
       </a>
     </div>