megatron 0.1.69 → 0.1.70

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 3748513b1774d6e4731039eadcc60eb777f407e7
-  data.tar.gz: c37835505c6b5df7b27f23c57d2ac57416b68375
+  metadata.gz: 5dfef8663a8a535d9e3c4d99c36412f27d4f42d5
+  data.tar.gz: 71df7bdef56a2419c7d7aefec0184141e6a1c43c
 SHA512:
-  metadata.gz: dbd0525ee811075578391b42f8a50054253963a865dd78d54e7e064a3df418fa1100bbdee3570053a87831123064a486d22887e1287541187bd100b3ce55792f
-  data.tar.gz: 2c3d8d0c37aae9ba8b30ddcd9a4df54a7886c049867efc8d2d52bd75adebff05c521c86999b363d4fea508a15c82c3f7b1f3c28333d83042a17f5b5b30bcd1a9
+  metadata.gz: d3b0f12ee70e0e6a3373609f2e68fef5152e4b536df14b10613df3daa850e4687df2965ce934f7a362ac41c16a7e367e53d7395f5ecbb13c35480e0e2d0abfee
+  data.tar.gz: 5266850c8ddfb41a33297a4b438f0fb4dfc007f509d9fe40a3c685252f585d9d1c5b13ea87915638ddbaf289a20d7be2c7738b71cb7dcd1b7b6cc7bd12bd193f

data/app/assets/javascripts/megatron/index.js

@@ -10,6 +10,8 @@ var request = require('superagent')
 var NProgress = require('nprogress')
 var esvg = require('./esvg')
 
+require('./shims/classlist')
+
 window.Megatron = module.exports = {
   Dialog: Dialog,
   notify: notify,
@@ -71,14 +73,14 @@ function handleDialogTrigger(event){
 
 function toggleNavigationMode(event) {
   event.target.blur()
-  utils.Classie.toggle(document.querySelector('body'), 'active-nav')
+  document.querySelector('body').classList.toggle('active-nav')
 }
 
 function disableWith(event){
   var buttons = event.currentTarget.querySelectorAll('[data-disable-with]')
   Array.prototype.forEach.call(buttons, function(button){
     button.disabled = true
-    utils.Classie.add(button, 'disabled')
+    button.classList.add('disabled')
 
     var buttonText = button.dataset.disableWith
     if (!buttonText || buttonText == '') { buttonText = button.innerHTML }
@@ -97,8 +99,10 @@ if (!window.$ || !$.rails) {
 }
 
 function handleRemoteFormSubmit(event){
-  if (_.find(boundForms, function(el){return el == event.currentTarget}))
+  // Prevent doubling up on form event hanlding.
+  if(boundForms.filter(function(el){return el == event.currentTarget})[0])
     return
+  // Trigger a form submission event.
   new Form({el: event.currentTarget}).submit(event)
   boundForms.push(event.currentTarget)
 }

data/app/assets/javascripts/megatron/shims/classlist.js

@@ -0,0 +1,238 @@
+/* 
+ * classList.js: Cross-browser full element.classList implementation.
+ * 2014-07-23
+ *
+ * By Eli Grey, http://eligrey.com
+ * Public Domain.
+ * NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
+ */
+
+/*global self, document, DOMException */
+
+/*! @source http://purl.eligrey.com/github/classList.js/blob/master/classList.js*/
+
+if ("document" in self) {
+
+// Full polyfill for browsers with no classList support
+if (!("classList" in document.createElement("_"))) {
+
+(function (view) {
+
+"use strict";
+
+if (!('Element' in view)) return;
+
+var
+    classListProp = "classList"
+  , protoProp = "prototype"
+  , elemCtrProto = view.Element[protoProp]
+  , objCtr = Object
+  , strTrim = String[protoProp].trim || function () {
+    return this.replace(/^\s+|\s+$/g, "");
+  }
+  , arrIndexOf = Array[protoProp].indexOf || function (item) {
+    var
+        i = 0
+      , len = this.length
+    ;
+    for (; i < len; i++) {
+      if (i in this && this[i] === item) {
+        return i;
+      }
+    }
+    return -1;
+  }
+  // Vendors: please allow content code to instantiate DOMExceptions
+  , DOMEx = function (type, message) {
+    this.name = type;
+    this.code = DOMException[type];
+    this.message = message;
+  }
+  , checkTokenAndGetIndex = function (classList, token) {
+    if (token === "") {
+      throw new DOMEx(
+          "SYNTAX_ERR"
+        , "An invalid or illegal string was specified"
+      );
+    }
+    if (/\s/.test(token)) {
+      throw new DOMEx(
+          "INVALID_CHARACTER_ERR"
+        , "String contains an invalid character"
+      );
+    }
+    return arrIndexOf.call(classList, token);
+  }
+  , ClassList = function (elem) {
+    var
+        trimmedClasses = strTrim.call(elem.getAttribute("class") || "")
+      , classes = trimmedClasses ? trimmedClasses.split(/\s+/) : []
+      , i = 0
+      , len = classes.length
+    ;
+    for (; i < len; i++) {
+      this.push(classes[i]);
+    }
+    this._updateClassName = function () {
+      elem.setAttribute("class", this.toString());
+    };
+  }
+  , classListProto = ClassList[protoProp] = []
+  , classListGetter = function () {
+    return new ClassList(this);
+  }
+;
+// Most DOMException implementations don't allow calling DOMException's toString()
+// on non-DOMExceptions. Error's toString() is sufficient here.
+DOMEx[protoProp] = Error[protoProp];
+classListProto.item = function (i) {
+  return this[i] || null;
+};
+classListProto.contains = function (token) {
+  token += "";
+  return checkTokenAndGetIndex(this, token) !== -1;
+};
+classListProto.add = function () {
+  var
+      tokens = arguments
+    , i = 0
+    , l = tokens.length
+    , token
+    , updated = false
+  ;
+  do {
+    token = tokens[i] + "";
+    if (checkTokenAndGetIndex(this, token) === -1) {
+      this.push(token);
+      updated = true;
+    }
+  }
+  while (++i < l);
+
+  if (updated) {
+    this._updateClassName();
+  }
+};
+classListProto.remove = function () {
+  var
+      tokens = arguments
+    , i = 0
+    , l = tokens.length
+    , token
+    , updated = false
+    , index
+  ;
+  do {
+    token = tokens[i] + "";
+    index = checkTokenAndGetIndex(this, token);
+    while (index !== -1) {
+      this.splice(index, 1);
+      updated = true;
+      index = checkTokenAndGetIndex(this, token);
+    }
+  }
+  while (++i < l);
+
+  if (updated) {
+    this._updateClassName();
+  }
+};
+classListProto.toggle = function (token, force) {
+  token += "";
+
+  var
+      result = this.contains(token)
+    , method = result ?
+      force !== true && "remove"
+    :
+      force !== false && "add"
+  ;
+
+  if (method) {
+    this[method](token);
+  }
+
+  if (force === true || force === false) {
+    return force;
+  } else {
+    return !result;
+  }
+};
+classListProto.toString = function () {
+  return this.join(" ");
+};
+
+if (objCtr.defineProperty) {
+  var classListPropDesc = {
+      get: classListGetter
+    , enumerable: true
+    , configurable: true
+  };
+  try {
+    objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);
+  } catch (ex) { // IE 8 doesn't support enumerable:true
+    if (ex.number === -0x7FF5EC54) {
+      classListPropDesc.enumerable = false;
+      objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);
+    }
+  }
+} else if (objCtr[protoProp].__defineGetter__) {
+  elemCtrProto.__defineGetter__(classListProp, classListGetter);
+}
+
+}(self));
+
+} else {
+// There is full or partial native classList support, so just check if we need
+// to normalize the add/remove and toggle APIs.
+
+(function () {
+  "use strict";
+
+  var testElement = document.createElement("_");
+
+  testElement.classList.add("c1", "c2");
+
+  // Polyfill for IE 10/11 and Firefox <26, where classList.add and
+  // classList.remove exist but support only one argument at a time.
+  if (!testElement.classList.contains("c2")) {
+    var createMethod = function(method) {
+      var original = DOMTokenList.prototype[method];
+
+      DOMTokenList.prototype[method] = function(token) {
+        var i, len = arguments.length;
+
+        for (i = 0; i < len; i++) {
+          token = arguments[i];
+          original.call(this, token);
+        }
+      };
+    };
+    createMethod('add');
+    createMethod('remove');
+  }
+
+  testElement.classList.toggle("c3", false);
+
+  // Polyfill for IE 10 and Firefox <24, where classList.toggle does not
+  // support the second argument.
+  if (testElement.classList.contains("c3")) {
+    var _toggle = DOMTokenList.prototype.toggle;
+
+    DOMTokenList.prototype.toggle = function(token, force) {
+      if (1 in arguments && !this.contains(token) === !force) {
+        return force;
+      } else {
+        return _toggle.call(this, token);
+      }
+    };
+
+  }
+
+  testElement = null;
+}());
+
+}
+
+}
+

data/app/assets/javascripts/megatron/utils/auto-navigate.js

@@ -1,5 +1,4 @@
 var bean = require('bean')
-var classie = require('classie')
 
 require('compose-tap-event')
 

data/app/assets/javascripts/megatron/utils/index.js

@@ -1,6 +1,5 @@
 var bean = require('bean')
 var CodeMirror = require('codemirror')
-var classie = require('classie')
 var Toggler = require('./toggler')
 var Messages = require('./messages')
 var AutoNavigate = require('./auto-navigate')
@@ -22,7 +21,6 @@ module.exports = {
   Timeago: Timeago,
   TimeSwitch: TimeSwitch,
   CodeMirror: CodeMirror,
-  Classie: classie,
   Toggler: Toggler,
   Messages: Messages,
   AutoNavigate: AutoNavigate,
@@ -53,9 +51,9 @@ module.exports = {
       var lang = element.className.match(/lang.*?-(\S+)/)[1]
 
       // Standardize classes: lang-[language]
-      if (classie.has(element, 'language-'+lang)) {
-        classie.remove(element, 'language-'+lang)
-        classie.add(element, 'lang-'+lang)
+      if (element.classList.contains('language-'+lang)) {
+        element.classList.remove('language-'+lang)
+        element.classList.add('lang-'+lang)
       }
       var code = element.textContent.trim()
 
@@ -66,7 +64,7 @@ module.exports = {
 
       CodeMirror.runMode(code, aliasLang(lang), element, options)
       element.innerHTML = "<code class='highlighted-code static-code cm-s-default'>" + element.innerHTML + "</code>"
-      classie.add(element, 'highlighted')
+      element.classList.add('highlighted')
     }
   },
 
@@ -100,7 +98,7 @@ module.exports = {
       var type = flash.dataset.type || 'error'
       if (type == 'info') type = 'action'
       notify[type](flash.textContent.trim())
-      classie.add(flash, 'hidden')
+      flash.classList.add('hidden')
     }
   },
 

data/app/assets/javascripts/megatron/utils/range-input-helper.js

@@ -1,7 +1,6 @@
 var bean = require('bean')
 
 require('compose-tap-event')
-require('compose-dataset-shim')
 
 var RangeInputHelper = {
   listen: function(){

data/app/assets/javascripts/megatron/utils/time/time-switch.js

@@ -1,10 +1,7 @@
 var timeago = require('./timeago')
 var dateToHtml = require('./date-to-html')
-var classie = require('classie')
 var bean = require('bean')
 
-require('compose-dataset-shim')
-
 var TimeSwitch = {
 
   // Attach listeners, setup HTML templates
@@ -19,7 +16,7 @@ var TimeSwitch = {
       var timeagoPosition = el.dataset.timeago
       var timeagoStyle = el.dataset.timeagoStyle
       el.innerHTML = TimeSwitch.template(datetime, timeagoPosition, timeagoStyle)
-      classie.add(el, 'time-switch')
+      el.classList.add('time-switch')
       el.setAttribute('title', 'toggle timezones')
     })
   },
@@ -35,7 +32,7 @@ var TimeSwitch = {
     var timeEls = document.querySelectorAll('.time-switch')
 
     Array.prototype.forEach.call(timeEls, function(el) {
-      classie.toggle(el, 'alt-zone')
+      el.classList.toggle('alt-zone')
     })
   },
 

data/app/assets/javascripts/megatron/utils/toggler.js

@@ -1,9 +1,6 @@
 var bean = require('bean')
-var classie = require('classie')
-var _ = require('lodash')
 
 require('compose-tap-event')
-require('compose-dataset-shim')
 
 var Toggler = {
   checkboxSelector: "[type=checkbox][data-toggle], [type=checkbox][data-show], [type=checkbox][data-hide]",
@@ -68,7 +65,7 @@ var Toggler = {
 
   setClass: function (selectors, action, el){
     if (typeof(action) == 'boolean') {
-      action = (action ? 'addClass' : 'removeClass')
+      action = (action ? 'add' : 'remove')
     }
 
     // Get selector and classnames, format: "classname classname; selector,selector"
@@ -85,8 +82,9 @@ var Toggler = {
     }
 
     Array.prototype.forEach.call(matches, function(match){
+      action = action.replace(/Class/,'')
       Array.prototype.forEach.call(classnames.split(' '), function(classname) {
-        classie[action](match, classname)
+        match.classList[action](classname)
       })
     })
   },
@@ -113,8 +111,8 @@ var Toggler = {
   },
 
   show: function togglerShow(el) {
-    classie.remove(el, 'hidden')
-    classie.add(el, 'visible')
+    el.classList.remove('hidden')
+    el.classList.add('visible')
 
     // Focus on key element if an element expects focus
     var focusEl = el.querySelector('[data-focus]')
@@ -131,8 +129,8 @@ var Toggler = {
   },
 
   hide: function togglerHide(el) {
-    classie.remove(el, 'visible')
-    classie.add(el, 'hidden')
+    el.classList.remove('visible')
+    el.classList.add('hidden')
   },
 
   toggleRadios: function togglerToggleRadio(radios) {
@@ -171,7 +169,7 @@ var Toggler = {
     if (checkbox.dataset.removeClass)
       Toggler.setClass(checkbox.dataset.removeClass, !checkbox.checked, checkbox)
     if (checkbox.dataset.toggleClass)
-      Toggler.setClass(checkbox.dataset.toggleClass, 'toggleClass', checkbox)
+      Toggler.setClass(checkbox.dataset.toggleClass, 'toggle', checkbox)
     if (checkbox.dataset.addClass)
       Toggler.setClass(checkbox.dataset.addClass, checkbox.checked, checkbox)
   },
@@ -200,14 +198,14 @@ var Toggler = {
       if (!option.dataset.hide) {
 
         var select = Toggler.getSelectFromOption(option)
-        classie.add(select, 'select-toggler')
+        select.classList.add('select-toggler')
         var options = select.querySelectorAll('option')
         var selectors = Toggler.showAttributes(options)
 
         Array.prototype.forEach.call(options, function(o) {
-          option.dataset.hide = _.compact(selectors.filter(function(selector){
+          option.dataset.hide = selectors.filter(function(selector){
             return option.dataset.show != selector && selector != ""
-          })).join(',')
+          }).join(',')
         })
 
         // Ensure that currently selected option is toggled properly