Add XYZ to the list of services (close #42)

2016-08-20 14:01:12 +02:00
parent b4d6490e00
commit 1004f4cce1
3 changed files with 29 additions and 4 deletions
@@ -78,7 +78,6 @@ section{
 }
 .details {
  float:left;
-  width:180px;
  height: 128px;
  padding: 20px 30px 20px 188px;
 }
@@ -5,6 +5,15 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>TileServerGL</title>
  <link rel="stylesheet" type="text/css" href="/index.css{{&key_query}}" />
+  <script>
+    function toggle_xyz(id) {
+      var el = document.getElementById(id);
+      var s = el.style;
+      s.display = s.display == 'none' ? 'inline-block' : 'none';
+      el.setSelectionRange(0, el.value.length);
+      return false;
+    }
+  </script>
 </head>
 <body>
  <section>
@@ -25,9 +34,13 @@
          <p class="services">
            {{#if serving_rendered}}
              services: <a href="/styles/{{@key}}/rendered.json{{&../key_query}}">TileJSON</a>
-              {{#if wmts_link}}
-                | <a href="{{&wmts_link}}">WMTS</a>
-              {{/if}}
+            {{/if}}
+            {{#if wmts_link}}
+              | <a href="{{&wmts_link}}">WMTS</a>
+            {{/if}}
+            {{#if xyz_link}}
+              | <a href="#" onclick="return toggle_xyz('xyz_style_{{@key}}');">XYZ</a>
+                <input id="xyz_style_{{@key}}" type="text" value="{{&xyz_link}}" style="display:none;" />
            {{/if}}
          </p>
        </div>
@@ -64,6 +77,10 @@
            {{#if wmts_link}}
              | <a href="{{&wmts_link}}">WMTS</a>
            {{/if}}
+            {{#if xyz_link}}
+              | <a href="#" onclick="return toggle_xyz('xyz_data_{{@key}}');">XYZ</a>
+                <input id="xyz_data_{{@key}}" type="text" value="{{&xyz_link}}" style="display:none;" />
+            {{/if}}
          </p>
        </div>
        <div class="viewers">