matestack-ui-core 0.7.0 → 0.7.4

data/app/concepts/matestack/ui/core/del/del.rb

@@ -0,0 +1,4 @@
+module Matestack::Ui::Core::Del
+  class Del < Matestack::Ui::Core::Component::Static
+  end
+end

data/app/concepts/matestack/ui/core/details/details.haml

@@ -0,0 +1,3 @@
+%details{@tag_attributes}
+  - if block_given?
+    = yield

data/app/concepts/matestack/ui/core/details/details.rb

@@ -0,0 +1,5 @@
+module Matestack::Ui::Core::Details
+  class Details < Matestack::Ui::Core::Component::Static
+
+  end
+end

data/app/concepts/matestack/ui/core/dfn/dfn.haml

@@ -0,0 +1,5 @@
+%dfn{@tag_attributes}
+  - if options[:text].nil? && block_given?
+    = yield
+  - else
+    = options[:text]

data/app/concepts/matestack/ui/core/dfn/dfn.rb

@@ -0,0 +1,6 @@
+module Matestack::Ui::Core::Dfn
+  class Dfn < Matestack::Ui::Core::Component::Static
+    
+  end
+end
+    

data/app/concepts/matestack/ui/core/dialog/dialog.haml

@@ -0,0 +1,5 @@
+%dialog{@tag_attributes}
+  - if options[:text].blank? && block_given?
+    = yield
+  - else
+    = options[:text]

data/app/concepts/matestack/ui/core/dialog/dialog.rb

@@ -0,0 +1,9 @@
+module Matestack::Ui::Core::Dialog
+  class Dialog < Matestack::Ui::Core::Component::Static
+    def setup
+      @tag_attributes.merge!({
+        "open": options[:open] ||= nil
+      })
+    end
+  end
+end

data/app/concepts/matestack/ui/core/div/div.rb

@@ -1,6 +1,5 @@
 module Matestack::Ui::Core::Div
   class Div < Matestack::Ui::Core::Component::Static
 
-
   end
 end

data/app/concepts/matestack/ui/core/dl/dl.haml

@@ -0,0 +1,5 @@
+%dl{@tag_attributes}
+  - if options[:text].nil? && block_given?
+    = yield
+  - else
+    = options[:text]

data/app/concepts/matestack/ui/core/dl/dl.rb

@@ -0,0 +1,5 @@
+module Matestack::Ui::Core::Dl
+  class Dl < Matestack::Ui::Core::Component::Static
+
+  end
+end

data/app/concepts/matestack/ui/core/dt/dt.haml

@@ -0,0 +1,5 @@
+%dt{@tag_attributes}
+  - if options[:text].nil? && block_given?
+    = yield
+  - else
+    = options[:text]

data/app/concepts/matestack/ui/core/dt/dt.rb

@@ -0,0 +1,5 @@
+module Matestack::Ui::Core::Dt
+  class Dt < Matestack::Ui::Core::Component::Static
+
+  end
+end

data/app/concepts/matestack/ui/core/em/em.haml

@@ -0,0 +1,5 @@
+%em{@tag_attributes}
+  - if options[:text].nil? && block_given?
+    = yield
+  - else
+    = options[:text]

data/app/concepts/matestack/ui/core/em/em.rb

@@ -0,0 +1,5 @@
+module Matestack::Ui::Core::Em
+  class Em < Matestack::Ui::Core::Component::Static
+
+  end
+end

data/app/concepts/matestack/ui/core/fieldset/fieldset.haml

@@ -0,0 +1,5 @@
+%fieldset{@tag_attributes}
+  -if options[:text].nil? && block_given?
+    = yield
+  - else 
+    = options[:text]

data/app/concepts/matestack/ui/core/fieldset/fieldset.rb

@@ -0,0 +1,9 @@
+module Matestack::Ui::Core::Fieldset
+  class Fieldset < Matestack::Ui::Core::Component::Static
+    def setup
+      @tag_attributes.merge!({
+        disabled: options[:disabled]
+      })
+    end
+  end
+end

data/app/concepts/matestack/ui/core/figure/figure.haml

@@ -0,0 +1,3 @@
+%figure{@tag_attributes}
+  - if block_given?
+    = yield

data/app/concepts/matestack/ui/core/figure/figure.rb

@@ -0,0 +1,5 @@
+module Matestack::Ui::Core::Figure
+  class Figure < Matestack::Ui::Core::Component::Static
+
+  end
+end

data/app/concepts/matestack/ui/core/form/form.js

@@ -2,9 +2,8 @@ import Vue from 'vue/dist/vue.esm'
 import Vuex from 'vuex'
 import axios from 'axios'
 
-import matestackEventHub from 'js/event-hub'
-
-import componentMixin from 'component/component'
+import matestackEventHub from '../js/event-hub'
+import componentMixin from '../component/component'
 
 const componentDef = {
   mixins: [componentMixin],
@@ -88,6 +87,22 @@ const componentDef = {
       }
       self.data = data;
     },
+    shouldResetFormOnSuccessfulSubmit() {
+      const self = this
+      if (self.componentConfig['success'] != undefined && self.componentConfig['success']['reset'] != undefined) {
+        return self.componentConfig['success']['reset']
+      } else {
+        return self.shouldResetFormOnSuccessfulSubmitByDefault()
+      }
+    },
+    shouldResetFormOnSuccessfulSubmitByDefault() {
+      const self = this
+      if (self.componentConfig["method"] == "put") {
+        return false
+      } else {
+        return true
+      }
+    },
     perform: function(){
       const self = this
       let payload = {}
@@ -104,12 +119,33 @@ const componentDef = {
         if (self.componentConfig["success"] != undefined && self.componentConfig["success"]["emit"] != undefined) {
           matestackEventHub.$emit(self.componentConfig["success"]["emit"], response.data);
         }
-        if (self.componentConfig["success"] != undefined && self.componentConfig["success"]["transition"] != undefined && self.$store != undefined) {
+        if (self.componentConfig["success"] != undefined
+          && self.componentConfig["success"]["transition"] != undefined
+          && (
+            self.componentConfig["success"]["transition"]["follow_response"] == undefined
+            ||
+            self.componentConfig["success"]["transition"]["follow_response"] === false
+          )
+          && self.$store != undefined
+        ) {
           let path = self.componentConfig["success"]["transition"]["path"]
           self.$store.dispatch('navigateTo', {url: path, backwards: false})
+          return;
+        }
+        if (self.componentConfig["success"] != undefined
+          && self.componentConfig["success"]["transition"] != undefined
+          && self.componentConfig["success"]["transition"]["follow_response"] === true
+          && self.$store != undefined
+        ) {
+          let path = response.data["transition_to"]
+          self.$store.dispatch('navigateTo', {url: path, backwards: false})
+          return;
+        }
+        if (self.shouldResetFormOnSuccessfulSubmit())
+        {
+          self.setProps(self.data, null);
+          self.initValues();
         }
-        self.setProps(self.data, null);
-        self.initValues()
         self.showInlineForm = false;
       })
       .catch(function(error){

data/app/concepts/matestack/ui/core/form/input/input.haml

@@ -2,10 +2,9 @@
   %label=options[:label]
 
 - if [:text, :number, :email, :date, :password].include?(options[:type])
-  %input{"v-model#{'.number' if options[:type] == :number}": input_key,
+  %input{@tag_attributes,
+    "v-model#{'.number' if options[:type] == :number}": input_key,
     type: options[:type],
-    class: options[:class],
-    id: component_id,
     "@change": "inputChanged(\"#{attr_key}\")",
     ref: "input.#{attr_key}",
     placeholder: options[:placeholder],
@@ -15,9 +14,8 @@
       {{ error }}
 
 - if options[:type] == :textarea
-  %textarea{"v-model": input_key,
-    class: options[:class],
-    id: component_id,
+  %textarea{@tag_attributes,
+    "v-model": input_key,
     "@change": "inputChanged(\"#{attr_key}\")",
     ref: "input.#{attr_key}",
     placeholder: options[:placeholder],

data/app/concepts/matestack/ui/core/form/select/select.haml

@@ -4,8 +4,8 @@
 
 - if options[:type] == :dropdown
 
-  %select{"#{model_binding}" => input_key,
-    id: component_id,
+  %select{@tag_attributes,
+    "#{model_binding}" => input_key,
     ref: "select.#{attr_key}",
     "@change": "inputChanged(\"#{attr_key}\")",
     "init-value": init_value,
@@ -26,7 +26,8 @@
   %div{id: component_id, ref: "select.multiple.#{attr_key}", "init-value": init_value}
     - if options[:options].is_a?(Hash)
       - options[:options].each do |key, value|
-        %input{type: :checkbox,
+        %input{@tag_attributes,
+        type: :checkbox,
         "#{model_binding}": input_key,
         "@change": "inputChanged(\"#{attr_key}\")",
         "value-type": options_type,
@@ -35,7 +36,8 @@
         %label=value
     - if options[:options].is_a?(Array)
       - options[:options].each do |value|
-        %input{type: :checkbox,
+        %input{@tag_attributes,
+        type: :checkbox,
         "#{model_binding}": input_key,
         "@change": "inputChanged(\"#{attr_key}\")",
         "value-type": options_type,
@@ -51,7 +53,8 @@
   %div{id: component_id, ref: "select.#{attr_key}", "init-value": init_value}
     - if options[:options].is_a?(Hash)
       - options[:options].each do |key, value|
-        %input{type: :radio,
+        %input{@tag_attributes,
+        type: :radio,
         "#{model_binding}": input_key,
         "@change": "inputChanged(\"#{attr_key}\")",
         "value-type": options_type,
@@ -60,7 +63,8 @@
         %label=value
     - if options[:options].is_a?(Array)
       - options[:options].each do |value|
-        %input{type: :radio,
+        %input{@tag_attributes,
+        type: :radio,
         "#{model_binding}": input_key,
         "@change": "inputChanged(\"#{attr_key}\")",
         "value-type": options_type,

data/app/concepts/matestack/ui/core/html/html.js

@@ -1,5 +1,5 @@
 import Vue from 'vue/dist/vue.esm'
-import componentMixin from 'component/component'
+import componentMixin from '../component/component'
 
 const componentDef = {
   mixins: [componentMixin]

data/app/concepts/matestack/ui/core/icon/icon.haml

@@ -1,6 +1,5 @@
 %i{@tag_attributes}
-  - if options[:text].blank?
-    - if block_given?
-      = yield
+  - if options[:text].nil? && block_given?
+    = yield
   - else
     = options[:text]

data/app/concepts/matestack/ui/core/iframe/iframe.haml

@@ -0,0 +1,5 @@
+%iframe{@tag_attributes}
+  - if options[:text].nil? && block_given?
+    = yield
+  - else
+    = options[:text]

data/app/concepts/matestack/ui/core/iframe/iframe.rb

@@ -0,0 +1,14 @@
+module Matestack::Ui::Core::Iframe
+  class Iframe < Matestack::Ui::Core::Component::Static
+
+    def setup
+      @tag_attributes.merge!({
+        src: options[:src],
+        height: options[:height],
+        width: options[:width],
+        srcdoc: options[:srcdoc]
+      })
+    end
+
+  end
+end

data/app/concepts/matestack/ui/core/img/img.haml

@@ -1 +1 @@
-= image_tag(ActionController::Base.helpers.asset_path(options[:path]), height: options[:height], width: options[:width], alt: options[:alt], class: options[:class], id: options[:id])
+%img{@tag_attributes}

data/app/concepts/matestack/ui/core/img/img.rb

@@ -1,5 +1,15 @@
 module Matestack::Ui::Core::Img
   class Img < Matestack::Ui::Core::Component::Static
 
+    def setup
+      @tag_attributes.merge!({
+        src: ActionController::Base.helpers.asset_path(options[:path]),
+        height: options[:height],
+        width: options[:width],
+        usemap: options[:usemap],
+        alt: options[:alt]
+      })
+    end
+
   end
 end

data/app/concepts/matestack/ui/core/ins/ins.haml

@@ -0,0 +1,5 @@
+%ins{@tag_attributes}
+  - if options[:text].nil? && block_given?
+    = yield
+  - else
+    = options[:text]

data/app/concepts/matestack/ui/core/ins/ins.rb

@@ -0,0 +1,10 @@
+module Matestack::Ui::Core::Ins
+  class Ins < Matestack::Ui::Core::Component::Static
+    def setup
+      @tag_attributes.merge!({
+        cite: options[:cite],
+        datetime: options[:datetime]
+      })
+    end
+  end
+end

data/app/concepts/matestack/ui/core/isolate/isolate.haml

@@ -0,0 +1,2 @@
+- @children_cells.each do |key, cell|
+  = cell.call(:show)

data/app/concepts/matestack/ui/core/isolate/isolate.rb

@@ -0,0 +1,11 @@
+module Matestack::Ui::Core::Isolate
+  class Isolate < Matestack::Ui::Core::Component::Static
+
+    def setup
+      @component_key = @component_key + "__" + @argument.to_s
+      @component_key = @component_key + "(" + @cached_params.to_json + ")" if @cached_params.present?
+      @component_config[:component_key] = @component_key
+    end
+
+  end
+end

data/app/concepts/matestack/ui/core/js/core.js

@@ -1,17 +1,20 @@
 import Vue from 'vue/dist/vue.esm'
 
-import app from 'app/app'
-import async from 'async/async'
-import pageContent from 'page/content'
-import store from 'app/store'
-import component from 'component/component'
-import anonymDynamicComponent from 'component/anonym-dynamic-component'
-import html from 'html/html'
-import transition from 'transition/transition'
-import action from 'action/action'
-import form from 'form/form'
-import view from 'view/view'
-import onclick from 'onclick/onclick'
+// Import from app/concepts/matestack/ui/core:
+import app from '../app/app'
+import async from '../async/async'
+import pageContent from '../page/content'
+import store from '../app/store'
+import component from '../component/component'
+import anonymDynamicComponent from '../component/anonym-dynamic-component'
+import html from '../html/html'
+import transition from '../transition/transition'
+import action from '../action/action'
+import form from '../form/form'
+import onclick from '../onclick/onclick'
+import collectionContent from '../collection/content/content'
+import collectionFilter from '../collection/filter/filter'
+import collectionOrder from '../collection/order/order'
 
 let matestackUiApp = undefined
 

data/app/concepts/matestack/ui/core/js/helpers/query-params-helper.js

@@ -0,0 +1,56 @@
+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
+}