matestack-ui-core 2.1.1 → 3.0.0

data/lib/matestack/ui/vue_js/components/toggle.js

@@ -1,71 +0,0 @@
-import Vue from 'vue/dist/vue.esm'
-import matestackEventHub from '../event_hub'
-import componentMixin from './mixin'
-
-const componentDef = {
-  mixins: [componentMixin],
-  data: function(){
-    return {
-      showing: true,
-      hide_after_timeout: null,
-      event: {
-        data: {}
-      }
-    }
-  },
-  methods: {
-    show: function(event_data){
-      const self = this
-      if (this.showing === true){
-        return
-      }
-      this.showing = true
-      this.event.data = event_data
-      if(this.props["hide_after"] != undefined){
-        self.hide_after_timeout = setTimeout(function () {
-          self.hide()
-        }, parseInt(this.props["hide_after"]));
-      }
-    },
-    hide: function(){
-      this.showing = false
-      this.event.data = {}
-    }
-  },
-  created: function () {
-    const self = this
-    if(this.props["show_on"] != undefined){
-      this.showing = false
-      var show_events = this.props["show_on"].split(",")
-      show_events.forEach(show_event => matestackEventHub.$on(show_event.trim(), self.show));
-    }
-    if(this.props["hide_on"] != undefined){
-      var hide_events = this.props["hide_on"].split(",")
-      hide_events.forEach(hide_event => matestackEventHub.$on(hide_event.trim(), self.hide));
-    }
-    if(this.props["show_on"] != undefined){
-      this.showing = false
-    }
-    if(this.props["init_show"] == true){
-      this.showing = true
-    }
-  },
-  beforeDestroy: function() {
-    const self = this
-    clearTimeout(self.hide_after_timeout)
-    matestackEventHub.$off(this.props["show_on"], self.show);
-    matestackEventHub.$off(this.props["hide_on"], self.hide);
-    if(this.props["show_on"] != undefined){
-      var shown_events = this.props["show_on"].split(",")
-      shown_events.forEach(show_event => matestackEventHub.$off(show_event.trim(), self.show));
-    }
-    if(this.props["hide_on"] != undefined){
-      var hiden_events = this.props["hide_on"].split(",")
-      hiden_events.forEach(hide_event => matestackEventHub.$off(hide_event.trim(), self.hide));
-    }
-  },
-}
-
-let component = Vue.component('matestack-ui-core-toggle', componentDef)
-
-export default componentDef

data/lib/matestack/ui/vue_js/components/toggle.rb

@@ -1,38 +0,0 @@
-module Matestack
-  module Ui
-    module VueJs
-      module Components
-        class Toggle < Matestack::Ui::VueJs::Vue
-          vue_name 'matestack-ui-core-toggle'
-
-          optional :show_on, :hide_on, :hide_after, :init_show
-
-          def response
-            div toggle_attributes do
-              yield
-            end
-          end
-
-          def toggle_attributes
-            options.merge({
-              class: "matestack-toggle-component-root", 
-              'v-if': 'showing'
-            })
-          end
-
-          protected
-
-          def vue_props
-            {
-              show_on: ctx.show_on,
-              hide_on: ctx.hide_on,
-              hide_after: ctx.hide_after,
-              init_show: ctx.init_show,
-            }
-          end
-
-        end
-      end
-    end
-  end
-end

data/lib/matestack/ui/vue_js/components/transition.js

@@ -1,42 +0,0 @@
-import Vue from 'vue/dist/vue.esm'
-import Vuex from 'vuex'
-import componentMixin from './mixin'
-import matestackEventHub from '../event_hub'
-
-const componentDef = {
-  mixins: [componentMixin],
-  data: function(){
-    return {}
-  },
-  computed: Vuex.mapState({
-    isActive (state) {
-      return (this.props["link_path"].split("?")[0]) === state.currentPathName
-    },
-    isChildActive (state) {
-      return ((this.props["link_path"].split("?")[0]) !== state.currentPathName) && (state.currentPathName.indexOf(this.props["link_path"].split("?")[0]) !== -1)
-    }
-  }),
-  methods: {
-    navigateTo: function(url){
-      const self = this
-      matestackEventHub.$emit("page_loading_triggered", url);
-      this.$store.commit('setPageLoading', true);
-      if (self.props["delay"] != undefined) {
-        setTimeout(function () {
-          self.performNavigation(url)
-        }, parseInt(self.props["delay"]));
-      } else {
-        this.performNavigation(url)
-      }
-    },
-    performNavigation: function(url){
-      this.$store.dispatch('navigateTo', {url: url, backwards: false}).then((response) => {
-        // self.asyncTemplate = response;
-      })
-    }
-  }
-}
-
-let component = Vue.component('matestack-ui-core-transition', componentDef)
-
-export default componentDef

data/lib/matestack/ui/vue_js/components/transition.rb

@@ -1,40 +0,0 @@
-module Matestack
-  module Ui
-    module VueJs
-      module Components
-        class Transition < Matestack::Ui::VueJs::Vue
-          vue_name 'matestack-ui-core-transition'
-
-          optional :path, :delay
-
-          def response
-            a attributes do
-              if block_given?
-                yield
-              end
-              plain self.text if self.text
-            end
-          end
-
-          protected
-
-          def attributes
-            options.merge({
-              href: ctx.path,
-              '@click.prevent': "navigateTo(\"#{ctx.path}\")",
-              "v-bind:class": "{ active: isActive, 'active-child': isChildActive }"
-            })
-          end
-
-          def vue_props
-            {
-              link_path: ctx.path,
-              delay: ctx.delay,
-            }
-          end
-
-        end
-      end
-    end
-  end
-end

data/lib/matestack/ui/vue_js/components.rb

@@ -1,111 +0,0 @@
-module Matestack
-  module Ui
-    module VueJs
-      module Components
-
-          def toggle(text=nil, options=nil, &block)
-             Matestack::Ui::VueJs::Components::Toggle.(text, options, &block)
-          end
-
-          def onclick(text=nil, options=nil, &block)
-             Matestack::Ui::VueJs::Components::Onclick.(text, options, &block)
-          end
-
-          def transition(text=nil, options=nil, &block)
-             Matestack::Ui::VueJs::Components::Transition.(text, options, &block)
-          end
-
-          def async(text=nil, options=nil, &block)
-             Matestack::Ui::VueJs::Components::Async.(text, options, &block)
-          end
-
-          def action(text=nil, options=nil, &block)
-             Matestack::Ui::VueJs::Components::Action.(text, options, &block)
-          end
-
-          def cable(text=nil, options=nil, &block)
-             Matestack::Ui::VueJs::Components::Cable.(text, options, &block)
-          end
-
-          def matestack_form(text=nil, options=nil, &block)
-             Matestack::Ui::VueJs::Components::Form::Form.(text, options, &block)
-          end
-
-          def form_fields_for(text=nil, options=nil, &block)
-            # in order to provide a more intuitiv API while calling the default
-            # form, we transform the arguments a bit:
-            options[:for] = text
-            options[:fields_for] = options.delete(:key)
-            text = nil
-            Matestack::Ui::VueJs::Components::Form::Form.(text, options, &block)
-          end
-
-          def form_fields_for_remove_item(text=nil, options=nil, &block)
-             Matestack::Ui::VueJs::Components::Form::FieldsForRemoveItem.(text, options, &block)
-          end
-
-          def form_fields_for_add_item(text=nil, options=nil, &block)
-             Matestack::Ui::VueJs::Components::Form::FieldsForAddItem.(text, options, &block)
-          end
-
-          def form_input(text=nil, options=nil, &block)
-             Matestack::Ui::VueJs::Components::Form::Input.(text, options, &block)
-          end
-
-          def form_textarea(text=nil, options=nil, &block)
-             Matestack::Ui::VueJs::Components::Form::Textarea.(text, options, &block)
-          end
-
-          def form_checkbox(text=nil, options=nil, &block)
-             Matestack::Ui::VueJs::Components::Form::Checkbox.(text, options, &block)
-          end
-
-          def form_radio(text=nil, options=nil, &block)
-             Matestack::Ui::VueJs::Components::Form::Radio.(text, options, &block)
-          end
-
-          def form_select(text=nil, options=nil, &block)
-             Matestack::Ui::VueJs::Components::Form::Select.(text, options, &block)
-          end
-
-          def collection_content(text=nil, options=nil, &block)
-             Matestack::Ui::VueJs::Components::Collection::Content.(text, options, &block)
-          end
-
-          def collection_filter(text=nil, options=nil, &block)
-             Matestack::Ui::VueJs::Components::Collection::Filter.(text, options, &block)
-          end
-
-          def collection_filter_reset(text=nil, options=nil, &block)
-             Matestack::Ui::VueJs::Components::Collection::FilterReset.(text, options, &block)
-          end
-
-          def collection_order(text=nil, options=nil, &block)
-             Matestack::Ui::VueJs::Components::Collection::Order.(text, options, &block)
-          end
-
-          def collection_order_toggle(text=nil, options=nil, &block)
-             Matestack::Ui::VueJs::Components::Collection::OrderToggle.(text, options, &block)
-          end
-
-          def collection_order_toggle_indicator(text=nil, options=nil, &block)
-             Matestack::Ui::VueJs::Components::Collection::OrderToggleIndicator.(text, options, &block)
-          end
-
-          def collection_content_next(text=nil, options=nil, &block)
-             Matestack::Ui::VueJs::Components::Collection::Next.(text, options, &block)
-          end
-
-          def collection_content_previous(text=nil, options=nil, &block)
-             Matestack::Ui::VueJs::Components::Collection::Previous.(text, options, &block)
-          end
-
-          def collection_content_page_link(text=nil, options=nil, &block)
-             Matestack::Ui::VueJs::Components::Collection::Page.(text, options, &block)
-          end
-
-
-      end
-    end
-  end
-end

data/lib/matestack/ui/vue_js/event_hub.js

@@ -1,5 +0,0 @@
-import Vue from 'vue/dist/vue.esm'
-
-const eventHub = new Vue();
-
-export default eventHub

data/lib/matestack/ui/vue_js/helpers/query_params_helper.js

@@ -1,56 +0,0 @@
-const updateQueryParams = (key, value, url) => {
-    if (!url) url = window.location.href;
-    let re = new RegExp(`([?&])${key}=.*?(&|#|$)(.*)`, "gi"), hash;
-
-    if (re.test(url)) {
-        if (typeof value !== 'undefined' && value !== null)
-            return url.replace(re, `$1${key}=${value}$2$3`);
-        else {
-            hash = url.split('#');
-            url = hash[0].replace(re, '$1$3').replace(/(&|\?)$/, '');
-            if (typeof hash[1] !== 'undefined' && hash[1] !== null)
-                url += `#${hash[1]}`;
-            return url;
-        }
-    }
-    else {
-        if (typeof value !== 'undefined' && value !== null) {
-            const separator = url.indexOf('?') !== -1 ? '&' : '?';
-            hash = url.split('#');
-            url = `${hash[0]}${separator}${key}=${value}`;
-            if (typeof hash[1] !== 'undefined' && hash[1] !== null)
-                url += `#${hash[1]}`;
-            return url;
-        }
-        else
-            return url;
-    }
-};
-
-const getQueryParam = (name, url) => {
-    if (!url) url = window.location.href;
-    name = name.replace(/[\[\]]/g, '\\$&');
-    const regex = new RegExp(`[?&]${name}(=([^&#]*)|&|#|$)`), results = regex.exec(url);
-    if (!results) return null;
-    if (!results[2]) return '';
-    return decodeURIComponent(results[2].replace(/\+/g, ' '));
-};
-
-const queryParamsToObject = () => {
-  const search = window.location.search.substring(1);
-  if(search.length === 0){
-    return {}
-  } else {
-    const result = JSON.parse(
-      `{"${search.replace(/&/g, '","').replace(/=/g,'":"')}"}`,
-      (key, value) => { return key===""?value:decodeURIComponent(value) }
-    );
-    return result;
-  }
-};
-
-export default {
-  updateQueryParams: updateQueryParams,
-  getQueryParam: getQueryParam,
-  queryParamsToObject: queryParamsToObject
-}

data/lib/matestack/ui/vue_js/index.js

@@ -1,52 +0,0 @@
-// import Vue from 'vue/dist/vue.esm'
-// import Vuex from 'vuex'
-// import axios from 'axios'
-
-import eventHub from './event_hub'
-
-const matestackEventHub = eventHub // for compatibility with 1.x
-
-import componentMixin from './components/mixin'
-
-import app from './app/app'
-import store from './app/store'
-
-import pageContent from './page/content' //TODO Rename to page
-
-import collectionContent from './components/collection/content'
-import collectionFilter from './components/collection/filter'
-import collectionOrder from './components/collection/order'
-
-import toggle from './components/toggle'
-import onclick from './components/onclick'
-import transition from './components/transition'
-import async from './components/async'
-import action from './components/action'
-import cable from './components/cable'
-import isolate from './components/isolated'
-import form from './components/form/form'
-import formCheckbox from './components/form/checkbox'
-import formInput from './components/form/input'
-import formRadio from './components/form/radio'
-import formSelect from './components/form/select'
-import formTextarea from './components/form/textarea'
-
-import formInputMixin from './components/form/input_mixin'
-import formSelectMixin from './components/form/select_mixin'
-import formRadioMixin from './components/form/radio_mixin'
-import formCheckboxMixin from './components/form/checkbox_mixin'
-import formTextareaMixin from './components/form/textarea_mixin'
-
-const MatestackUiCore = {
-  store,
-  eventHub,
-  matestackEventHub, // for compatibility with 1.x
-  componentMixin,
-  formInputMixin,
-  formSelectMixin,
-  formCheckboxMixin,
-  formTextareaMixin,
-  formRadioMixin
-}
-
-export default MatestackUiCore

data/lib/matestack/ui/vue_js/initialize.rb

@@ -1,5 +0,0 @@
-class Matestack::Ui::Core::Base
-
-  include Matestack::Ui::VueJs::Components
-
-end

data/lib/matestack/ui/vue_js/page/content.js

@@ -1,23 +0,0 @@
-import Vue from 'vue/dist/vue.esm'
-import Vuex from 'vuex'
-import componentMixin from '../components/mixin'
-
-import VRuntimeTemplate from "v-runtime-template"
-
-const componentDef = {
-  mixins: [componentMixin],
-  data: function(){
-    return {}
-  },
-  computed: Vuex.mapState({
-    asyncPageTemplate: state => state.pageTemplate,
-    loading: state => state.pageLoading
-  }),
-  components: {
-    VRuntimeTemplate: VRuntimeTemplate
-  }
-}
-
-let component = Vue.component('matestack-ui-core-page-content', componentDef)
-
-export default componentDef

data/lib/matestack/ui/vue_js/vue.rb

@@ -1,63 +0,0 @@
-module Matestack
-  module Ui
-    module VueJs
-      class Vue < Matestack::Ui::Component
-
-        def initialize(html_tag = nil, text = nil, options = {}, &block)
-          extract_options(text, options)
-          super(html_tag, text, options, &block)
-        end
-
-        def create_children(&block)
-          vue_component do
-            self.response do
-              block.call if block_given?
-            end
-          end
-        end
-
-        def vue_component(&block)
-          Matestack::Ui::Core::Base.new(:component, component_attributes, &block)
-        end
-
-        def component_attributes
-          {
-            is: vue_name,
-            ref: component_id,
-            ':params': params.to_json,
-            ':props': self.vue_props.to_json,
-            'inline-template': true
-          }
-        end
-
-        def component_id
-          options[:id] || nil
-        end
-
-        def vue_props
-          # raise "config needs to be overwritten by #{self.class}"
-        end
-        alias :config :vue_props
-
-        def vue_props
-          # raise "config needs to be overwritten by #{self.class}"
-        end
-
-        def self.vue_name(name = nil)
-          name ? @vue_name = name : @vue_name
-        end
-
-        def vue_name
-          raise "vue_name missing for #{self.class}" unless self.class.vue_name
-          self.class.vue_name
-        end
-
-        def self.inherited(subclass)
-          subclass.vue_name(self.vue_name)
-          super
-        end
-
-      end
-    end
-  end
-end

data/lib/matestack/ui/vue_js_component.rb

@@ -1,2 +0,0 @@
-Matestack::Ui::VueJsComponent = Matestack::Ui::VueJs::Vue
-Matestack::Ui::IsolatedComponent = Matestack::Ui::VueJs::Components::Isolated