config_service: add routing for config-set page.

appengine/config_service/ui/src/config-ui/config-ui.html

+<!--
+  Copyright 2017 The LUCI Authors. All rights reserved.
+  Use of this source code is governed under the Apache License, Version 2.0
+  that can be found in the LICENSE file.
+-->
+
+<link rel="import" href="../../bower_components/polymer/polymer.html">
+<link rel="import" href="../../bower_components/app-layout/app-layout.html">
+<link rel="import" href="../../bower_components/paper-search/paper-search-bar.html">
+<link rel="import" href="../../bower_components/app-route/app-location.html">
+<link rel="import" href="../../bower_components/app-route/app-route.html">
+
+<link rel="import" href="config-set.html">
+<link rel="import" href="front-page.html">
+
+<dom-module id="config-ui">
+  <template>
+    <style>
+      app-toolbar {
+        background-color: #efefef;
+        color: #232323;
+      }
+
+      app-header {
+        @apply --layout-fixed-top;
+      }
+
+      .logo {
+        height: 100%;
+      }
+
+      .title {
+        padding-left: 1%;
+        padding-bottom: 0.5%;
+        font-size: 150%;
+        font-family: sans-serif;
+      }
+    </style>
+
+    <app-header reveals>
+      <app-toolbar>
+        <image class="logo" src="/static/images/chromium.png"/>
+        <div class="title" main-title>
+          Configuration Service (not fully implemented)
+        </div>
+      </app-toolbar>
+    </app-header>
+
+
+    <app-location route="{{route}}" use-hash-as-path></app-location>
+    <app-route  route="{{route}}" 
+                pattern="/services/:serviceName" 
+                data="{{serviceData}}" 
+                tail="{{serviceTail}}" 
+                active="{{serviceActive}}"></app-route>
+
+    <app-route  route="{{route}}" 
+                pattern="/projects/:projectName" 
+                data="{{projectData}}" 
+                tail="{{projectTail}}" 
+                active="{{projectActive}}"></app-route>-->      
+
+    <app-route  route="{{route}}" 
+                pattern="/" 
+                active="{{frontPageActive}}"></app-route>
+
+    <div hidden$="[[!frontPageActive]]">
+      <front-page></front-page>
+    </div>
+
+    <div hidden$="[[!serviceActive]]">
+      <config-set category="services" 
+                  config-set-name="{{serviceData.serviceName}}" 
+                  route="{{serviceTail}}"></config-set>
+    </div>      
+
+    <div hidden$="[[!projectActive]]">
+      <config-set category="projects"  
+                  config-set-name="{{projectData.projectName}}" 
+                  route="{{projectTail}}"></config-set>
+    </div>        
+
+  </template>
+
+  <script>
+    Polymer({
+      is: 'config-ui',
+      
+      ready: function() {
+        this.async(function() {
+          // If the path is blank, redirect to /
+          if (!this.route.path) {
+            this.set('route.path', '/');
+          }
+        });
+      },
+
+    });
+  </script>
+</dom-module>