commit 86caba11821c4454e1949629ad3ad11d0326db6e
author Ed Tanous <ed.tanous@intel.com> Wed Dec 19 20:57:42 2018 -0800
committer Ed Tanous <ed.tanous@intel.com> Fri Dec 21 20:25:50 2018 +0000
tree e4313ae332682899b1ec8d8b91e8d841cc78ea9e
parent fdb701d3f325748b98f5a8cd6946a11795635eca

webui: Fix redfish to use proper styles

Redfish was using inline style tags, which is conflicting with our
desire to disable inline styles.  This moves the redfish styles to an
appropriate SCSS file.

Tested by:
Launched redfish GUI, and observed no style differences

Change-Id: Ifb96730f0d6a34700f8c05666b6963a77d511911
Signed-off-by: Ed Tanous <ed.tanous@intel.com>

app/redfish/controllers/redfish-controller.html

diff --git a/app/redfish/controllers/redfish-controller.html b/app/redfish/controllers/redfish-controller.html
index ca7cb75..5eab9b3 100644
--- a/app/redfish/controllers/redfish-controller.html
+++ b/app/redfish/controllers/redfish-controller.html
@@ -1,13 +1,13 @@
 <loader loading="loading"></loader>
-<div id="redfish">
+<div id="redfish", class="redfish">
   <div class="row column">
-    <div style="max-width: 400px;margin:0">
+    <div class="logo">
       <img src="../../assets/images/DMTF_Redfish_logo_2017.svg">
     </div>
   </div>
   <div class="row column">
     {
-    <ul style="list-style: none;">
+    <ul class="key_value">
       <li ng-repeat="(key, value) in redfishData" ng-include="'recurse'"> </li>
     </ul>
     }
@@ -17,7 +17,7 @@
 "<b>{{key}}</b>":
 <span ng-if="isObject(value) && !isArray(value)">
 {
-  <ul style="list-style: none;">
+  <ul class="key_value">
     <li ng-repeat="(key, value) in value" ng-include="'recurse'"> </li>
   </ul>
 }
@@ -25,10 +25,10 @@
 
 <span ng-if="isArray(value)">
 [
-  <div ng-repeat="val in value" style="margin-left: 2em;">
+  <div ng-repeat="val in value" class="value">
     <span ng-if="isObject(val) && !isArray(val)">
       {
-      <ul style="list-style: none;">
+      <ul class="key_value">
         <li ng-repeat="(key, value) in val" ng-include="'recurse'"> </li>
       </ul>
       }

app/redfish/styles/index.scss

diff --git a/app/redfish/styles/index.scss b/app/redfish/styles/index.scss
new file mode 100644
index 0000000..0bfb29c
--- /dev/null
+++ b/app/redfish/styles/index.scss
@@ -0,0 +1,14 @@
+.redfish {
+  .logo {
+    max-width: 400px;
+    margin: 0;
+  }
+
+  .key_value {
+    list-style: none;
+  }
+
+  .value {
+    margin-left: 2em;
+  }
+}

app/styles/index.scss

diff --git a/app/styles/index.scss b/app/styles/index.scss
index b324c86..b59ed44 100644
--- a/app/styles/index.scss
+++ b/app/styles/index.scss
@@ -7,3 +7,4 @@
 @import "../server-health/styles/index.scss";
 @import "../configuration/styles/index.scss";
 @import "../users/styles/index.scss";
+@import "../redfish/styles/index.scss";