Merge pull request #640 from nasa-gibs/module-loaders-animation

Module loaders for animation feature

package.json

@@ -116,10 +116,12 @@
   "browser": {
     "d3": "./web/ext/d3/d3.js",
     "isotope-layout": "./node_modules/isotope-layout/dist/isotope.pkgd.js",
+    "jquery-jcrop": "./node_modules/jquery-jcrop/js/jquery.Jcrop.js",
     "jquery": "./node_modules/jquery/dist/jquery.js"
   },
   "browserify-shim": {
     "isotope-layout": "isotope",
+    "jquery-jcrop": "Jcrop",
     "jquery": "$"
   }
 }

web/css/anim.widget.css

@@ -146,7 +146,9 @@
   color: #999;
   cursor: pointer;
 }
-
+.gif-dialog {
+  color: #fff;
+}
 .gif-dialog .content {
   line-height: 15px;
 }

web/css/jquery-ui-override.css

@@ -0,0 +1,19 @@
+/*
+ * Default jquery-ui button
+ */
+a.ui-button.ui-state-default {
+  color: #eee;
+  font-weight: 700;
+  border: 1px solid #666;
+  font-size: 1em;
+  background-image: linear-gradient(#555, #666);
+  background-image: -ms-linear-gradient(#555, #666);
+  background-image: -o-linear-gradient(#555, #666);
+  font-family: "Segoe UI", "Arial", sans-serif;
+}
+a.ui-button.ui-state-default.ui-state-hover {
+  border-color: #eee;
+  background-color: #eee;
+  background-image: none;
+  color: #404040;
+}

web/css/main.css

@@ -43,3 +43,4 @@
 @import url("tooltip.css");
 @import url("mobile.css");
 @import url("../pages/css/document.css");
+@import url("jquery-ui-override.css");

web/js/animation/anim.js

@@ -0,0 +1,29 @@
+import loEach from 'lodash/each';
+
+export function parse (state, errors) {
+  if (state.a) {
+    var str = state.a;
+    var astate = {
+      attributes: []
+    };
+
+    // Get text before (
+    var on = str.match(/[^\(,]+/)[0];
+    if (on !== 'on') { // don't do anything if wrong format
+      state.a = undefined;
+      return;
+    }
+
+    // remove (, get key value pairs
+    str = str.match(/\(.*\)/)[0].replace(/[\(\)]/g, '');
+    var kvps = str.split(',');
+    loEach(kvps, function (kvp) {
+      var parts = kvp.split('=');
+      astate.attributes.push({
+        id: parts[0],
+        value: parts[1]
+      });
+    });
+    state.a = astate;
+  }
+};