1 files changed, 66 insertions, 0 deletions
diff --git a/dcaedftool/src/app/df-control.component.html b/dcaedftool/src/app/df-control.component.html
new file mode 100644
index 0000000..37e97d8
--- /dev/null
+++ b/dcaedftool/src/app/df-control.component.html
@@ -0,0 +1,66 @@
+<!--
+ org.onap.dcae
+ ============LICENSE_START====================================================
+ Copyright (c) 2018 AT&T Intellectual Property. All rights reserved.
+ =============================================================================
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ ============LICENSE_END======================================================
+
+ ECOMP is a trademark and service mark of AT&T Intellectual Property.
+-->
+
+  <md-sidenav-container>
+
+    <!-- over doesn't seem to work correctly? -->
+     <md-sidenav #sidenav mode="side" color="primary">
+       <md-list class="select-button">
+         <md-list-item>
+           <button md-raised-button class="nav-button" [routerLink] = " ['schemaval']" [routerLinkActive] =  "'active-nav'" >
+             VERIFY DATA FORMAT SCHEMA
+           </button>
+        </md-list-item>
+         <md-list-item>
+           <button md-raised-button class="nav-button" [routerLink] = " ['jsoninput']" [routerLinkActive] =  "'active-nav'">
+             VERIFY JSON DATA FORMAT SCHEMA AND TEST JSON INPUT
+           </button>
+        </md-list-item>
+        <md-list-item>
+          <button md-raised-button class="nav-button">
+            GENERATE JSON DATA FORMAT SCHEMA FROM JSON INPUT
+          </button>
+        </md-list-item>
+        <md-list-item>
+          <button md-raised-button class="nav-button">
+            VERIFY DELIMITED DATA FORMAT SCHEMA AND TEST INPUT
+          </button>
+        </md-list-item>
+        <md-list-item>
+          <button md-raised-button class="nav-button">
+            VERIFY XML DATA FORMAT SCHEMA AND TEST INPUT
+          </button>
+        </md-list-item>
+        </md-list>
+
+
+
+    </md-sidenav>
+
+  <md-toolbar color="primary">
+
+   <button md-button class="app-menu-button"  (click)="sidenav.toggle() ">
+      <i class="material-icons">menu</i>
+    </button>
+    <span class="app-title">DCAE Data Format Schema Tool</span>
+  </md-toolbar>
+  <router-outlet></router-outlet>
+</md-sidenav-container>