vhx-quartz 0.8.8 → 0.8.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 352f2db7a0b6506e9e1b61c2ed333d0f999448b3
-  data.tar.gz: ae7112fcb19fff9c7ea7c04929432e1cd3524b9f
+  metadata.gz: a4ba10b678c4d1b23884e57f8aeb41893f28f347
+  data.tar.gz: 007f6ae189b20586d7354a9ce52dd1eb704ab407
 SHA512:
-  metadata.gz: 3fa8c3a4d24f870741185e66cd12e71d2776efc19e4e1e43e4860993e231d1d0f41acaaaa218eb0423037069b75941b8a3359b010d7833aaaece31b0b1e6ea06
-  data.tar.gz: ac5872b12ccbb4e8f79a4b95ed49e8874c1de696bb41492bd24364011f15f7d077652669a9b4612584761dd8d08e15970131444278cc63208b0380120b6a3833
+  metadata.gz: 05217f729618fead1c7d192431eeb578bb0f1312cc7e1d4e6b6d952cdf61eaecde2cc0cd6a59ff932d3be4498a646303ce36cf71ec4357d824000b0b19848316
+  data.tar.gz: 3bf97c3c27b8901af8bd13b4e88cd4026f95cdc649b14723d1208aff578694409847d999de7a0d2f08aa8be489d2a23a075654449d0b104065322b0fb88cb7ea

data/lib/vhx/quartz/version.rb

@@ -1,5 +1,5 @@
 module Vhx
   module Quartz
-    VERSION = "0.8.8"
+    VERSION = "0.8.9"
   end
 end

data/vendor/assets/javascripts/vhx-quartz.load_more.js

@@ -0,0 +1,60 @@
+'use strict';
+
+vhxm.components.shared.load_more.controller = function (opts) {
+  var self = this;
+
+  self.state = new vhxm.components.shared.load_more.state();
+  self.action = opts.action ? opts.action : function () {};
+
+  self.loadMore = function () {
+    self.state.is_loading(true);
+    self.action(function () {
+      self.state.is_loading(false);
+    });
+  };
+
+  self.isElementInViewport = function (el, isInit, ctx) {
+    if (!isInit) {
+      var rect = el.getBoundingClientRect();
+      window.addEventListener('scroll', function () {
+        if (el.getBoundingClientRect().top < window.innerHeight && el.getBoundingClientRect().top > 0 && !self.state.in_view()) {
+          m.startComputation();
+          self.state.is_loading(true);
+          m.endComputation();
+          self.loadMore();
+          self.state.in_view(true);
+          return true;
+        } else if (el.getBoundingClientRect().bottom < 0 && self.state.in_view()) {
+          self.state.in_view(false);
+          return false;
+        } else if (el.getBoundingClientRect().top > window.innerHeight && self.state.in_view()) {
+          self.state.in_view(false);
+          return false;
+        }
+      });
+    }
+  };
+};
+
+vhxm.components.shared.load_more.state = function () {
+  this.in_view = m.prop(false);
+  this.is_loading = m.prop(false);
+};
+
+vhxm.components.shared.load_more.ui.container = {
+  controller: function controller(opts) {
+    return new vhxm.components.shared.load_more.controller(opts);
+  },
+  view: function view(ctrl, opts) {
+    var self = this;
+    return m('a.btn-white' + (ctrl.state.is_loading() ? '.is-loading' : ''), {
+      config: opts.onscroll ? ctrl.isElementInViewport : '',
+      onclick: !opts.onscroll ? function (e) {
+        e.preventDefault();
+        ctrl.loadMore();
+      } : '',
+      href: '#'
+    }, opts.label ? opts.label : 'Show More');
+  }
+
+};

data/vendor/assets/javascripts/vhx-quartz.scope.js

@@ -28,6 +28,12 @@ if (typeof vhxm !== 'undefined') {
     },
     header: {
       ui: {}
+    },
+    load_more: {
+      ui: {}
+    },
+    sidebar: {
+      ui: {}
     }
   };
 }

data/vendor/assets/javascripts/vhx-quartz.sidebar.js

@@ -0,0 +1,81 @@
+'use strict';
+
+vhxm.components.shared.sidebar.controller = function () {
+  var self = this;
+
+  self.animatorIn = function (elem, isInit) {
+    // if (!isInit) {
+    if (vhxm.components.shared.sidebar.state.isOpen()) {
+      $(elem).velocity({
+        right: 0
+      }, {
+        duration: 500,
+        easing: [0.19, 1, 0.22, 1],
+        complete: function complete() {
+          if (vhxm.components.shared.sidebar.state.animate_in_cb) {
+            vhxm.components.shared.sidebar.state.onAnimateIn();
+          }
+        }
+      });
+    }
+    // }
+  };
+
+  self.animatorOut = function (elem, isInit) {
+    if (!isInit) {
+      elem.onclick = function (ev) {
+        ev.preventDefault();
+        vhxm.components.shared.sidebar.state.isOpen(false);
+
+        $('.c-sidebar').velocity({
+          right: '-470'
+        }, {
+          duration: 500,
+          easing: [0.19, 1, 0.22, 1],
+          complete: function complete() {
+            if (vhxm.components.shared.sidebar.state.animate_out_cb) {
+              vhxm.components.shared.sidebar.state.onAnimateOut();
+            }
+          }
+        });
+      };
+    }
+  };
+};
+
+vhxm.components.shared.sidebar.toggleSidebar = function (state, route) {
+  state = state === 'open' ? true : false;
+
+  vhxm.components.shared.sidebar.state.isOpen(state);
+  route ? m.route(route) : m.redraw();
+};
+
+vhxm.components.shared.sidebar.setTemplate = function (template) {
+  vhxm.components.shared.sidebar.state.template(template);
+  m.redraw();
+};
+
+vhxm.components.shared.sidebar.setModel = function (model) {
+  vhxm.components.shared.sidebar.state.model(model);
+  m.redraw();
+};
+
+vhxm.components.shared.sidebar.state = {
+  isOpen: m.prop(false),
+  skipTransition: m.prop(false),
+  model: m.prop(null),
+  template: m.prop(null),
+  onAnimateOut: m.prop(null),
+  onAnimateIn: m.prop(null)
+};
+
+vhxm.components.shared.sidebar.ui.container = {
+  controller: vhxm.components.shared.sidebar.controller,
+  view: function view(ctrl) {
+    if (!vhxm.components.shared.sidebar.state.model()) {
+      return m('.c-sidebar.bg-white.shadow--gray.background-white.loader-slate.loader--cover-hide.loader--large.is-loading', { config: ctrl.animatorIn });
+    } else {
+      return m('.c-sidebar.bg-gray-1.shadow--gray', { config: ctrl.animatorIn }, [m('a.c-sidebar--close.icon-circle.icon-x-navy.icon--xsmall', { config: ctrl.animatorOut }), vhxm.components.shared.sidebar.state.template()]);
+    }
+  }
+};

data/vendor/assets/stylesheets/vhx-quartz.sidebar.css

@@ -0,0 +1,16 @@
+.c-sidebar {
+  overflow: auto;
+  position: fixed;
+  width: 462px;
+  top: 0;
+  z-index: 21474838;
+  bottom: 0;
+  right: -470px;
+  height: 100%; }
+
+.c-sidebar--close {
+  position: absolute;
+  top: 10px;
+  right: 15px;
+  z-index: 10;
+  background-size: 10px !important; }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: vhx-quartz
 version: !ruby/object:Gem::Version
-  version: 0.8.8
+  version: 0.8.9
 platform: ruby
 authors:
 - Scott Robertson, Courtney Burton, Steven Bone, David Gonzalez
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-07-15 00:00:00.000000000 Z
+date: 2016-07-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -95,10 +95,12 @@ files:
 - vendor/assets/javascripts/vhx-quartz.checkbox.js
 - vendor/assets/javascripts/vhx-quartz.filter.js
 - vendor/assets/javascripts/vhx-quartz.header.js
+- vendor/assets/javascripts/vhx-quartz.load_more.js
 - vendor/assets/javascripts/vhx-quartz.radio.js
 - vendor/assets/javascripts/vhx-quartz.scope.js
 - vendor/assets/javascripts/vhx-quartz.search_input.js
 - vendor/assets/javascripts/vhx-quartz.select.js
+- vendor/assets/javascripts/vhx-quartz.sidebar.js
 - vendor/assets/stylesheets/vhx-quartz.autosuggest.css
 - vendor/assets/stylesheets/vhx-quartz.checkbox.css
 - vendor/assets/stylesheets/vhx-quartz.css
@@ -264,6 +266,7 @@ files:
 - vendor/assets/stylesheets/vhx-quartz.radio.css
 - vendor/assets/stylesheets/vhx-quartz.search_input.css
 - vendor/assets/stylesheets/vhx-quartz.select.css
+- vendor/assets/stylesheets/vhx-quartz.sidebar.css
 homepage: http://github.com/vhx/quartz-rails
 licenses:
 - MIT
@@ -284,7 +287,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.5
+rubygems_version: 2.6.1
 signing_key: 
 specification_version: 4
 summary: VHX Styleguide - Quartz