finalize design package

client/config/design/styles.js

@@ -1,9 +1,8 @@
-import sass from 'sass';
-
 const STYLE_ROUTES = Object.freeze({
   energy: 'dashboard/energy/energy.scss',
-  layout: 'dashboard/energy/layout.scss',
-  power: 'dashboard/energy/power.scss'
+  layout: 'dashboard/layout/layout.scss',
+  power: 'dashboard/power/power.scss',
+  app: 'dashboard/app.scss'
 });
 
 class Styles {
@@ -13,23 +12,31 @@ class Styles {
       css = '';
     for (var view in STYLE_ROUTES){
       var done = new Promise((fnResolve, fnReject)=>{
-        jQuery.ajax({
-          url: STYLE_ROUTES[view]
-        }).done((scss)=>{
-          sass.compile(scss, (result)=>{
-            css += result;
-            fnResolve()
-          });
-        });
+        Styles.addCss(view, fnResolve)
+      }).then((result)=>{
+        css += result;
       });
       all.push(done);
     }
     return Promise.all(all)
       .then(()=>{
-        document.write(`<style>${css}</style>`);
+        jQuery('head').append(`<style>${css}</style>`);
       });
   }
 
+  static addCss(view, fnResolve){
+    return jQuery.ajax({
+      url: STYLE_ROUTES[view]
+    }).then((scss)=>{
+      var sass = new Sass();
+      if (!scss) return fnResolve("");
+      sass.compile(scss, (result, a)=>{
+        fnResolve(result.text)
+      });
+    });
+  }
+
 }
 
+export default Styles;