commit f7280d0c355267829a1fbc247fbbe4ad7648a07e
author Bri Prebilic Cole <bri@onlab.us> Tue Feb 24 16:20:47 2015 -0800
committer Gerrit Code Review <gerrit@onlab.us> Wed Feb 25 01:13:50 2015 +0000
tree bfb0ddc4879bc7b70a15154152922462f8a148f8
parent 22a805de6af3026171115b7a7a5aa758bfd1a0a1

GUI -- Toolbar and ButtonService appearance work - styled light and dark themed buttons and toolbar.

Change-Id: I07f2d6adcf5a028fa76f50301d6bdfd1e75b1188

web/gui/src/main/webapp/app/fw/widget/button.js

diff --git a/web/gui/src/main/webapp/app/fw/widget/button.js b/web/gui/src/main/webapp/app/fw/widget/button.js
index 1a906c3..445c107 100644
--- a/web/gui/src/main/webapp/app/fw/widget/button.js
+++ b/web/gui/src/main/webapp/app/fw/widget/button.js
@@ -38,7 +38,7 @@
             return null;
         }
 
-        var btnDiv = createDiv(div, 'btn', id),
+        var btnDiv = createDiv(div, 'button', id),
             cbFnc = fs.isF(cb) || noop;
 
         is.loadIcon(btnDiv, gid, btnSize, true);
@@ -59,10 +59,11 @@
         }
 
         var sel = !!initState,
-            togDiv = createDiv(div, 'tog', id),
+            togDiv = createDiv(div, 'toggleButton', id),
             cbFnc = fs.isF(cb) || noop;
 
         is.loadIcon(togDiv, gid, btnSize, true);
+        togDiv.classed('selected', sel);
 
         function _toggle(b) {
             if (b === undefined) {
@@ -71,6 +72,7 @@
                 sel = !!b;
             }
             cbFnc(sel);
+            togDiv.classed('selected', sel);
         }
 
         togDiv.on('click', _toggle);
@@ -83,6 +85,7 @@
         }
     }
 
+    // TODO: fix radio button on click selecting functionality
     function radioSet(div, id, rset) {
         if (!div) {
             $log.warn('Radio buttons cannot append to div');
@@ -96,7 +99,7 @@
             $log.warn('Cannot create radio button set from empty array');
             return null;
         }
-        var rDiv = div.append('div').classed('rset', true),
+        var rDiv = div.append('div').classed('radioSet', true),
             sel = 0,
             rads = [];
 
@@ -107,7 +110,7 @@
                 rtog = toggle(rDiv, rbtn.id, rbtn.gid, istate,
                     rbtn.cb, rbtn.tooltip);
 
-            rtog.el = (rtog.el).classed('tog', false).classed('rad', true);
+            rtog.el.classed('radioButton', true);
             rads.push(rtog);
         });