design

src/app/pages/alert/alert-page.component.html

@@ -1 +1,9 @@
-<div>alert page</div>
+<div class="ui-fluid">
+    <div class="ui-g">
+        <div class="ui-g-12">
+            <div class="card no-margin">
+                <h1>Alert</h1>
+            </div>
+        </div>
+    </div>
+</div>

src/app/pages/dashboard/dashboard-page.component.html

@@ -1 +1,9 @@
-<div>dashboard-page</div>
+<div class="ui-fluid">
+    <div class="ui-g">
+        <div class="ui-g-12">
+            <div class="card no-margin">
+                <h1>Dashboard</h1>
+            </div>
+        </div>
+    </div>
+</div>

src/app/pages/home/home-page.component.html

@@ -4,7 +4,6 @@
                 <div class="card no-margin">
                     <h1>Home works</h1>
 
-
                     <p-dialog header="Discovery" [style]="{width: '400px'}" [(visible)]="display">
                         <of-discovery-setting></of-discovery-setting>
                     </p-dialog>

src/app/pages/log/log-page.component.html

@@ -1 +1,9 @@
-<div>log page</div>
+<div class="ui-fluid">
+    <div class="ui-g">
+        <div class="ui-g-12">
+            <div class="card no-margin">
+                <h1>Log page</h1>
+            </div>
+        </div>
+    </div>
+</div>

src/app/pages/overview/overview-page.component.html

@@ -2,7 +2,7 @@
     <div class="ui-g">
         <div class="ui-g-12">
             <div class="card no-margin">
-                overview-page
+                <h1>Overview</h1>
             </div>
         </div>
     </div>

src/app/pages/report/report-page.component.html

@@ -1 +1,9 @@
-<div>report page</div>
+<div class="ui-fluid">
+    <div class="ui-g">
+        <div class="ui-g-12">
+            <div class="card no-margin">
+                <h1>Report</h1>
+            </div>
+        </div>
+    </div>
+</div>

src/app/pages/sensor/sensor-page.component.html

@@ -1,6 +1,14 @@
-<div>
+<div class="ui-fluid">
+    <div class="ui-g">
+        <div class="ui-g-12">
+            <div class="card no-margin">
+                <h1>Sensors</h1>
+
                 <of-sub-menubar [tabs]="tabs"></of-sub-menubar>
                 <div style="padding: 15px">
                   <router-outlet></router-outlet>
                 </div>
             </div>
+        </div>
+    </div>
+</div>

src/app/pages/sensors/sensors-page.component.html

@@ -1 +1,10 @@
+<div class="ui-fluid">
+    <div class="ui-g">
+        <div class="ui-g-12">
+            <div class="card no-margin">
+                <h1>Sensors</h1>
                 <of-sensor-list></of-sensor-list>
+            </div>
+        </div>
+    </div>
+</div>

src/app/pages/targets/targets-page.component.html

@@ -1,2 +1,10 @@
-<div>targets page</div>
+<div class="ui-fluid">
+    <div class="ui-g">
+        <div class="ui-g-12">
+            <div class="card no-margin">
+                <h1>Targets</h1>
                 <!-- <of-target-list></of-target-list> -->
+            </div>
+        </div>
+    </div>
+</div>