Merge pull request #24 from LLIyRiK/add-text-flipping

Added flipping on hover
Vonage · Mar 29, 2017 · 8d455d4 · 8d455d4
2 parents 12efc60 + 4ac1c80
commit 8d455d4
Show file tree

Hide file tree

Showing 11 changed files with 242 additions and 38 deletions.
diff --git a/dist/css/status_panel.css b/dist/css/status_panel.css
diff --git a/dist/css/status_panel.css.map b/dist/css/status_panel.css.map
diff --git a/dist/editor.html b/dist/editor.html
@@ -24,6 +24,16 @@ <h5 class="section-heading">{{ measurement.alias }}</h5>
     </div>
     <gf-form-switch class="gf-form"
                     label-class="width-12"
+                    label="Flip card" checked="ctrl.panel.flipCard"
+                    on-change="ctrl.onRender()"></gf-form-switch>
+    <div class="gf-form">
+      <span class="gf-form-label width-12">Flip interval</span>
+      <input type="text" ng-model="ctrl.panel.flipTime" class="gf-form-input max-width-12" ng-change="ctrl.onRender()">
+    </div>
+    <gf-form-switch class="gf-form"
+                    label-class="width-12"
+
+                    label="Make panel gray when no data" checked="ctrl.panel.isGrayColor"
                     label="Make panel gray when no data" checked="ctrl.panel.isGrayOnNoData"
                     on-change="ctrl.onRender()"></gf-form-switch>
   </div>

diff --git a/dist/module.html b/dist/module.html
@@ -1,7 +1,14 @@
 <div class="status-panel">
-	<div ng-show="ctrl.duplicates">
-		<strong>Error</strong>: There are multiple measurements with the same alias. Please give each measurement a unique name.
-	</div>
+  <div class="st-card-front">
+    <div class="ok-text">ok</div>
+    <div class="warning-text">warning</div>
+    <div class="fail-text">critical</div>
+    <div class="gray-text">No data</div>
+  </div>
+  <div class="st-card-back">
+    <div ng-show="ctrl.duplicates">
+      <strong>Error</strong>: There are multiple measurements with the same alias. Please give each measurement a unique name.
+    </div>
 
 	<div ng-hide="ctrl.duplicates" class="status-panel-annotation_row">
 		<div ng-repeat="annoation in ctrl.annotation">
@@ -47,3 +54,4 @@ <h1>
 		</div>
 	</div>
 </div>
+</div>
diff --git a/dist/module.js.map b/dist/module.js.map
diff --git a/dist/status_ctrl.js b/dist/status_ctrl.js