vue_crud 0.1.9.5 → 0.1.9.6

data/lib/generators/vue_crud/templates/example/user.rb

@@ -0,0 +1,10 @@
+class User < ApplicationRecord
+  has_one :profile, :dependent => :destroy
+  has_many :services, :dependent => :destroy
+  accepts_nested_attributes_for :profile, update_only: true
+  devise :database_authenticatable, :registerable, :recoverable, :rememberable, :trackable, :validatable
+
+  def first_service
+      self.services.first if self.services.first.present?
+  end
+end

data/lib/generators/vue_crud/templates/example/users/index.html.erb

@@ -0,0 +1,154 @@
+<!-- NOTE: Custom Mixin and js -->
+<script type="text/javascript">
+var column_type = 'card'
+var servicesComponent = Vue.component('services', {
+    template: '#services',
+    props: {
+        service: Object
+    },
+    data: function() {
+        return {
+            deleteMode: false,
+        }
+    },
+    methods: {
+        // TODO: add UpdateService method
+        deleteService: function() {
+            var that = this;
+            that.deleteMode = true;
+            if(confirm("Are you sure?") == true) {
+                $.ajax({
+                    method: 'DELETE',
+                    url: '/services/' + that.service.id + '.json',
+                    success: function(res) {
+                        $(that.$el).remove();
+                    },
+                    error: function(res) {
+                        that.deleteMode = false;
+                    }
+                })
+            }
+        }
+    }
+})
+
+var models_mixin = {
+    data: function() {
+        return {
+            service: {}
+        }
+    },
+    mounted: function() {
+
+    },
+    methods: {
+        createService: function () {
+            var that = this;
+            that.service.user_id = that.model.id
+            var modal = $('#editModal_' + that.model.id);
+            $.ajax({
+                method: 'POST',
+                data: {
+                    service: that.service,
+                },
+                url: '/services.json',
+                before: function() {
+                    $('.progress-bar').css('width', '0');
+                },
+                success: function(res) {
+                    that.errors = {};
+                    that.service = {};
+                    that.model.services.push(res);
+                    sleep(500).then(() => {
+                        modal.modal('hide');
+                    });
+                },
+                error: function(res) {
+                    that.errors = res.responseJSON.errors;
+                }
+            });
+        },
+        addService: function() {
+            this.customMode = true;
+        }
+    }
+}
+
+var root_mixin = {
+    mounted: function() {
+        event_hub.$on('fetch_service_prototypes', function() {
+            this.fetchServicePrototypes();
+        }.bind(this));
+    },
+    methods: {
+        fetchServicePrototypes: function() {
+            $.ajax({
+                url: '/service_prototypes.json',
+                success: function(res) {
+                    sleep(1000).then(() => {
+                        event_hub.$emit('set_service_prototypes', res);
+                    });
+                }
+            });
+        }
+    }
+}
+</script>
+
+<!-- NOTE: Custom models -->
+<script type="text/x-template" id="custom_models">
+    <div class="ui divider"></div>
+    <h3>Services</h3>
+    <div class="ui segments">
+        <services v-for="service in model.services" :service="service"></services>
+    </div>
+</script>
+
+<!-- NOTE: Custom action -->
+<script type="text/x-template" id="custom_action">
+    <div class="ui animated fade green button" @click="addService" :data-modal="'#editModal_' + model.id" tabindex="0">
+        <div class="visible content">Add service</div>
+        <div class="hidden content">
+            <i class="right plus icon"></i>
+        </div>
+    </div>
+</script>
+
+<!-- NOTE: Custom modal body -->
+<script type="text/x-template" id="custom_modal_body">
+    <form class="ui form">
+        <div class="field">
+            <label for="service_custom_name">Name</label>
+            <input type="text" id="service_name" v-model="service.name" required>
+            <div class="ui pointing red basic label" v-show="errors.name">
+                <span style="color:red" v-for="(error, index) in errors.name"><span v-if="index > 0">,</span> {{ error }}</span>
+            </div>
+        </div>
+    </form>
+</script>
+
+<!-- NOTE: Custom modal action -->
+<script type="text/x-template" id="custom_modal_action">
+    <button @click="createService" class="ui blue button" v-show="customMode">Add service</button>
+</script>
+
+<!-- NOTE: Render vue_crud html file -->
+<%= render :file => "#{Rails.root}/public/vue_crud" %>
+
+<!-- NOTE: Custom template -->
+<script type="text/x-template" id="services">
+    <div class="ui segment">
+        <div class="ui small feed">
+            <div class="event">
+                <div class="content">
+                    <div class="summary">
+                        Service name： <code>{{ service.name }}</code>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="ui divider"></div>
+        <div class="ui blue button">Edit</div>
+        <div @click="deleteService" class="ui basic red right floated button" v-show="!deleteMode">Delete</div>
+    </div>
+</script>

data/lib/generators/vue_crud/templates/example/users/index.json.jbuilder

@@ -0,0 +1,15 @@
+# Do not pass password and password_confirmation in json, because update action
+json.array! @users do |user|
+    json.extract! user, :id, :email, :created_at, :updated_at, :first_service
+    if user.profile
+        json.profile_attributes do
+            json.extract! user.profile, :id, :company_name, :tel, :mobile, :fax, :address, :created_at, :updated_at
+        end
+    end
+
+    json.services do
+        json.array! user.services do |service|
+            json.extract! service, :id, :name, :description, :created_at, :updated_at
+        end
+    end
+end

data/lib/generators/vue_crud/templates/example/users/show.json.jbuilder

@@ -0,0 +1,11 @@
+json.extract! @user, :id, :email, :created_at, :updated_at, :first_service
+if @user.profile
+    json.profile_attributes do
+        json.extract! @user.profile, :id, :company_name, :tel, :mobile, :fax, :address, :created_at, :updated_at
+    end
+end
+json.services do
+    json.array! @user.services do |service|
+        json.extract! service, :id, :name, :description, :created_at, :updated_at
+    end
+end

data/lib/generators/vue_crud/templates/example/users_controller.rb

@@ -0,0 +1,85 @@
+class UsersController < ApplicationController
+  before_action :set_user, only: [:update, :destroy]
+
+  def info
+    @info = {
+        :url_prefix => '/admin/users',
+        :titles => {
+            :display_name => 'user',
+            :title => 'User',
+            :subtitle => 'manage user',
+            :title_attribute_model_prefix => 'profile_attributes',
+            :title_attribute => 'company_name'
+        },
+        :structure => {:profile_attributes => {}, :service_ids => []},
+        :model_attributes => [
+            {:visible => true, :editable => false, :model_prefix => '', :name => 'first_service', :display_name => 'First services', :type => 'img', :input_class => '', :data_attribute => ''},
+            {:visible => true, :editable => false, :model_prefix => '', :name => 'id', :display_name => 'ID', :type => 'text', :input_class => '', :data_attribute => ''},
+            {:visible => true, :editable => true, :model_prefix => '', :name => 'email', :display_name => 'Email', :type => 'email', :input_class => '', :data_attribute => ''},
+            {:visible => false, :editable => true, :model_prefix => '', :name => 'password', :display_name => 'Password', :type => 'password', :input_class => '', :data_attribute => ''},
+            {:visible => false, :editable => true, :model_prefix => '', :name => 'password_confirmation', :display_name => 'Password confirmation', :type => 'password', :input_class => '', :data_attribute => ''},
+            {:visible => true, :editable => true, :model_prefix => 'profile_attributes', :name => 'company_name', :display_name => 'Company name', :type => 'text', :input_class => '', :data_attribute => ''},
+            {:visible => true, :editable => true, :model_prefix => 'profile_attributes', :name => 'tel', :display_name => 'Tel', :type => 'text', :input_class => '', :data_attribute => ''},
+            {:visible => true, :editable => true, :model_prefix => 'profile_attributes', :name => 'mobile', :display_name => 'Mobile', :type => 'text', :input_class => '', :data_attribute => ''},
+            {:visible => false, :editable => true, :model_prefix => 'profile_attributes', :name => 'fax', :display_name => 'Fax', :type => 'text', :input_class => '', :data_attribute => ''},
+            {:visible => false, :editable => true, :model_prefix => 'profile_attributes', :name => 'address', :display_name => 'Address', :type => 'text', :input_class => '', :data_attribute => ''},
+        ]
+    }
+    respond_to do |format|
+        format.json do
+            render :json => @info.to_json
+        end
+    end
+  end
+
+  def index
+    @users = User.includes(:profile).includes(:services).all
+    respond_to do |format|
+        format.html
+        format.json do
+            render 'index.json.jbuilder'
+        end
+    end
+  end
+
+  def create
+    @user = User.new(user_params)
+    respond_to do |format|
+        format.json do
+            if @user.save
+                render 'show.json.jbuilder'
+            else
+                render :json => { :errors => @user.errors.messages }, :status => 422
+            end
+        end
+    end
+  end
+
+  def update
+    respond_to do |format|
+        format.json do
+            if @user.update(user_params)
+                render :json => @user
+            else
+                render :json => { :errors => @user.errors.messages }, :status => 422
+            end
+        end
+    end
+  end
+
+  def destroy
+    @user.destroy
+    respond_to do |format|
+      format.json { render :json => {}, :status => :no_content }
+    end
+  end
+
+  private
+    def set_user
+      @user = User.find(params[:id])
+    end
+
+    def user_params
+      params.require(:model).permit(:email, :password, :password_confirmation, :profile_attributes => [:company_name, :tel, :mobile, :fax, :address, :note])
+    end
+end

data/lib/generators/vue_crud/vuejs_generator.rb

@@ -0,0 +1,10 @@
+require 'rails/generators'
+module VueCrud
+  class VuejsGenerator < Rails::Generators::Base
+      source_root File.expand_path("../templates/assets", __FILE__)
+
+      def copy_template_file
+          copy_file "javascripts/vue.js", "app/assets/javascripts/vue.js"
+      end
+  end
+end

data/lib/vue_crud/version.rb

@@ -1,3 +1,3 @@
 module VueCrud
-  VERSION = "0.1.9.5"
+  VERSION = "0.1.9.6"
 end

data/vendor/assets/javascripts/vue_crud.js

@@ -1,5 +1,3 @@
-(function(){var t,e,n,r,s,o,i,u,a,c,l,p,h,g,f,d,m,y,v,w,b,k,S,q,L,x,T,R,P,E,j,M,A,N,O,_,F,C,U,W,X,I,D,H,z,B,G,J,Q,K=[].slice,V={}.hasOwnProperty,Y=function(t,e){function n(){this.constructor=t}for(var r in e)V.call(e,r)&&(t[r]=e[r]);return n.prototype=e.prototype,t.prototype=new n,t.__super__=e.prototype,t},Z=[].indexOf||function(t){for(var e=0,n=this.length;n>e;e++)if(e in this&&this[e]===t)return e;return-1};for(b={catchupTime:100,initialRate:.03,minTime:250,ghostTime:100,maxProgressPerFrame:20,easeFactor:1.25,startOnPageLoad:!0,restartOnPushState:!0,restartOnRequestAfter:500,target:"body",elements:{checkInterval:100,selectors:["body"]},eventLag:{minSamples:10,sampleCount:3,lagThreshold:3},ajax:{trackMethods:["GET"],trackWebSockets:!0,ignoreURLs:[]}},P=function(){var t;return null!=(t="undefined"!=typeof performance&&null!==performance&&"function"==typeof performance.now?performance.now():void 0)?t:+new Date},j=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame,w=window.cancelAnimationFrame||window.mozCancelAnimationFrame,null==j&&(j=function(t){return setTimeout(t,50)},w=function(t){return clearTimeout(t)}),A=function(t){var e,n;return e=P(),(n=function(){var r;return r=P()-e,r>=33?(e=P(),t(r,function(){return j(n)})):setTimeout(n,33-r)})()},M=function(){var t,e,n;return n=arguments[0],e=arguments[1],t=3<=arguments.length?K.call(arguments,2):[],"function"==typeof n[e]?n[e].apply(n,t):n[e]},k=function(){var t,e,n,r,s,o,i;for(e=arguments[0],r=2<=arguments.length?K.call(arguments,1):[],o=0,i=r.length;i>o;o++)if(n=r[o])for(t in n)V.call(n,t)&&(s=n[t],null!=e[t]&&"object"==typeof e[t]&&null!=s&&"object"==typeof s?k(e[t],s):e[t]=s);return e},m=function(t){var e,n,r,s,o;for(n=e=0,s=0,o=t.length;o>s;s++)r=t[s],n+=Math.abs(r),e++;return n/e},q=function(t,e){var n,r,s;if(null==t&&(t="options"),null==e&&(e=!0),s=document.querySelector("[data-pace-"+t+"]")){if(n=s.getAttribute("data-pace-"+t),!e)return n;try{return JSON.parse(n)}catch(o){return r=o,"undefined"!=typeof console&&null!==console?console.error("Error parsing inline pace options",r):void 0}}},i=function(){function t(){}return t.prototype.on=function(t,e,n,r){var s;return null==r&&(r=!1),null==this.bindings&&(this.bindings={}),null==(s=this.bindings)[t]&&(s[t]=[]),this.bindings[t].push({handler:e,ctx:n,once:r})},t.prototype.once=function(t,e,n){return this.on(t,e,n,!0)},t.prototype.off=function(t,e){var n,r,s;if(null!=(null!=(r=this.bindings)?r[t]:void 0)){if(null==e)return delete this.bindings[t];for(n=0,s=[];n<this.bindings[t].length;)s.push(this.bindings[t][n].handler===e?this.bindings[t].splice(n,1):n++);return s}},t.prototype.trigger=function(){var t,e,n,r,s,o,i,u,a;if(n=arguments[0],t=2<=arguments.length?K.call(arguments,1):[],null!=(i=this.bindings)?i[n]:void 0){for(s=0,a=[];s<this.bindings[n].length;)u=this.bindings[n][s],r=u.handler,e=u.ctx,o=u.once,r.apply(null!=e?e:this,t),a.push(o?this.bindings[n].splice(s,1):s++);return a}},t}(),c=window.Pace||{},window.Pace=c,k(c,i.prototype),E=c.options=k({},b,window.paceOptions,q()),G=["ajax","document","eventLag","elements"],D=0,z=G.length;z>D;D++)F=G[D],E[F]===!0&&(E[F]=b[F]);a=function(t){function e(){return J=e.__super__.constructor.apply(this,arguments)}return Y(e,t),e}(Error),e=function(){function t(){this.progress=0}return t.prototype.getElement=function(){var t;if(null==this.el){if(t=document.querySelector(E.target),!t)throw new a;this.el=document.createElement("div"),this.el.className="pace pace-active",document.body.className=document.body.className.replace(/pace-done/g,""),document.body.className+=" pace-running",this.el.innerHTML='<div class="pace-progress">\n  <div class="pace-progress-inner"></div>\n</div>\n<div class="pace-activity"></div>',null!=t.firstChild?t.insertBefore(this.el,t.firstChild):t.appendChild(this.el)}return this.el},t.prototype.finish=function(){var t;return t=this.getElement(),t.className=t.className.replace("pace-active",""),t.className+=" pace-inactive",document.body.className=document.body.className.replace("pace-running",""),document.body.className+=" pace-done"},t.prototype.update=function(t){return this.progress=t,this.render()},t.prototype.destroy=function(){try{this.getElement().parentNode.removeChild(this.getElement())}catch(t){a=t}return this.el=void 0},t.prototype.render=function(){var t,e,n,r,s,o,i;if(null==document.querySelector(E.target))return!1;for(t=this.getElement(),r="translate3d("+this.progress+"%, 0, 0)",i=["webkitTransform","msTransform","transform"],s=0,o=i.length;o>s;s++)e=i[s],t.children[0].style[e]=r;var u=document.getElementById("form-progress");return"undefined"!=typeof u&&null!=u&&(u.value=0|this.progress,jQuery(u).change()),(!this.lastRenderedProgress||this.lastRenderedProgress|0!==this.progress|0)&&(t.children[0].setAttribute("data-progress-text",""+(0|this.progress)+"%"),this.progress>=100?n="99":(n=this.progress<10?"0":"",n+=0|this.progress),t.children[0].setAttribute("data-progress",""+n)),this.lastRenderedProgress=this.progress},t.prototype.done=function(){return this.progress>=100},t}(),u=function(){function t(){this.bindings={}}return t.prototype.trigger=function(t,e){var n,r,s,o,i;if(null!=this.bindings[t]){for(o=this.bindings[t],i=[],r=0,s=o.length;s>r;r++)n=o[r],i.push(n.call(this,e));return i}},t.prototype.on=function(t,e){var n;return null==(n=this.bindings)[t]&&(n[t]=[]),this.bindings[t].push(e)},t}(),I=window.XMLHttpRequest,X=window.XDomainRequest,W=window.WebSocket,S=function(t,e){var n,r,s,o;o=[];for(r in e.prototype)try{s=e.prototype[r],o.push(null==t[r]&&"function"!=typeof s?t[r]=s:void 0)}catch(i){n=i}return o},T=[],c.ignore=function(){var t,e,n;return e=arguments[0],t=2<=arguments.length?K.call(arguments,1):[],T.unshift("ignore"),n=e.apply(null,t),T.shift(),n},c.track=function(){var t,e,n;return e=arguments[0],t=2<=arguments.length?K.call(arguments,1):[],T.unshift("track"),n=e.apply(null,t),T.shift(),n},_=function(t){var e;if(null==t&&(t="GET"),"track"===T[0])return"force";if(!T.length&&E.ajax){if("socket"===t&&E.ajax.trackWebSockets)return!0;if(e=t.toUpperCase(),Z.call(E.ajax.trackMethods,e)>=0)return!0}return!1},l=function(t){function e(){var t,n=this;e.__super__.constructor.apply(this,arguments),t=function(t){var e;return e=t.open,t.open=function(r,s){return _(r)&&n.trigger("request",{type:r,url:s,request:t}),e.apply(t,arguments)}},window.XMLHttpRequest=function(e){var n;return n=new I(e),t(n),n};try{S(window.XMLHttpRequest,I)}catch(r){}if(null!=X){window.XDomainRequest=function(){var e;return e=new X,t(e),e};try{S(window.XDomainRequest,X)}catch(r){}}if(null!=W&&E.ajax.trackWebSockets){window.WebSocket=function(t,e){var r;return r=null!=e?new W(t,e):new W(t),_("socket")&&n.trigger("request",{type:"socket",url:t,protocols:e,request:r}),r};try{S(window.WebSocket,W)}catch(r){}}}return Y(e,t),e}(u),H=null,L=function(){return null==H&&(H=new l),H},O=function(t){var e,n,r,s;for(s=E.ajax.ignoreURLs,n=0,r=s.length;r>n;n++)if(e=s[n],"string"==typeof e){if(-1!==t.indexOf(e))return!0}else if(e.test(t))return!0;return!1},L().on("request",function(e){var n,r,s,o,i;return o=e.type,s=e.request,i=e.url,O(i)?void 0:c.running||E.restartOnRequestAfter===!1&&"force"!==_(o)?void 0:(r=arguments,n=E.restartOnRequestAfter||0,"boolean"==typeof n&&(n=0),setTimeout(function(){var e,n,i,u,a,l;if(e="socket"===o?s.readyState<2:0<(u=s.readyState)&&4>u){for(c.restart(),a=c.sources,l=[],n=0,i=a.length;i>n;n++){if(F=a[n],F instanceof t){F.watch.apply(F,r);break}l.push(void 0)}return l}},n))}),t=function(){function t(){var t=this;this.elements=[],L().on("request",function(){return t.watch.apply(t,arguments)})}return t.prototype.watch=function(t){var e,n,r,s;return r=t.type,e=t.request,s=t.url,O(s)?void 0:(n="socket"===r?new g(e):new f(e),this.elements.push(n))},t}(),f=function(){function t(t){var e,n,r,s,o,i,u=this;if(this.progress=0,null!=window.ProgressEvent)for(n=null,t.addEventListener("progress",function(t){return u.progress=t.lengthComputable?100*t.loaded/t.total:u.progress+(100-u.progress)/2},!1),i=["load","abort","timeout","error"],r=0,s=i.length;s>r;r++)e=i[r],t.addEventListener(e,function(){return u.progress=100},!1);else o=t.onreadystatechange,t.onreadystatechange=function(){var e;return 0===(e=t.readyState)||4===e?u.progress=100:3===t.readyState&&(u.progress=50),"function"==typeof o?o.apply(null,arguments):void 0}}return t}(),g=function(){function t(t){var e,n,r,s,o=this;for(this.progress=0,s=["error","open"],n=0,r=s.length;r>n;n++)e=s[n],t.addEventListener(e,function(){return o.progress=100},!1)}return t}(),r=function(){function t(t){var e,n,r,o;for(null==t&&(t={}),this.elements=[],null==t.selectors&&(t.selectors=[]),o=t.selectors,n=0,r=o.length;r>n;n++)e=o[n],this.elements.push(new s(e))}return t}(),s=function(){function t(t){this.selector=t,this.progress=0,this.check()}return t.prototype.check=function(){var t=this;return document.querySelector(this.selector)?this.done():setTimeout(function(){return t.check()},E.elements.checkInterval)},t.prototype.done=function(){return this.progress=100},t}(),n=function(){function t(){var t,e,n=this;this.progress=null!=(e=this.states[document.readyState])?e:100,t=document.onreadystatechange,document.onreadystatechange=function(){return null!=n.states[document.readyState]&&(n.progress=n.states[document.readyState]),"function"==typeof t?t.apply(null,arguments):void 0}}return t.prototype.states={loading:0,interactive:50,complete:100},t}(),o=function(){function t(){var t,e,n,r,s,o=this;this.progress=0,t=0,s=[],r=0,n=P(),e=setInterval(function(){var i;return i=P()-n-50,n=P(),s.push(i),s.length>E.eventLag.sampleCount&&s.shift(),t=m(s),++r>=E.eventLag.minSamples&&t<E.eventLag.lagThreshold?(o.progress=100,clearInterval(e)):o.progress=100*(3/(t+3))},50)}return t}(),h=function(){function t(t){this.source=t,this.last=this.sinceLastUpdate=0,this.rate=E.initialRate,this.catchup=0,this.progress=this.lastProgress=0,null!=this.source&&(this.progress=M(this.source,"progress"))}return t.prototype.tick=function(t,e){var n;return null==e&&(e=M(this.source,"progress")),e>=100&&(this.done=!0),e===this.last?this.sinceLastUpdate+=t:(this.sinceLastUpdate&&(this.rate=(e-this.last)/this.sinceLastUpdate),this.catchup=(e-this.progress)/E.catchupTime,this.sinceLastUpdate=0,this.last=e),e>this.progress&&(this.progress+=this.catchup*t),n=1-Math.pow(this.progress/100,E.easeFactor),this.progress+=n*this.rate*t,this.progress=Math.min(this.lastProgress+E.maxProgressPerFrame,this.progress),this.progress=Math.max(0,this.progress),this.progress=Math.min(100,this.progress),this.lastProgress=this.progress,this.progress},t}(),C=null,N=null,y=null,U=null,d=null,v=null,c.running=!1,x=function(){return E.restartOnPushState?c.restart():void 0},null!=window.history.pushState&&(B=window.history.pushState,window.history.pushState=function(){return x(),B.apply(window.history,arguments)}),null!=window.history.replaceState&&(Q=window.history.replaceState,window.history.replaceState=function(){return x(),Q.apply(window.history,arguments)}),p={ajax:t,elements:r,document:n,eventLag:o},(R=function(){var t,n,r,s,o,i,u,a;for(c.sources=C=[],i=["ajax","elements","document","eventLag"],n=0,s=i.length;s>n;n++)t=i[n],E[t]!==!1&&C.push(new p[t](E[t]));for(a=null!=(u=E.extraSources)?u:[],r=0,o=a.length;o>r;r++)F=a[r],C.push(new F(E));return c.bar=y=new e,N=[],U=new h})(),c.stop=function(){return c.trigger("stop"),c.running=!1,y.destroy(),v=!0,null!=d&&("function"==typeof w&&w(d),d=null),R()},c.restart=function(){return c.trigger("restart"),c.stop(),c.start()},c.go=function(){var t;return c.running=!0,y.render(),t=P(),v=!1,d=A(function(e,n){var r,s,o,i,u,a,l,p,g,f,d,m,w,b,k,S;for(p=100-y.progress,s=d=0,o=!0,a=m=0,b=C.length;b>m;a=++m)for(F=C[a],f=null!=N[a]?N[a]:N[a]=[],u=null!=(S=F.elements)?S:[F],l=w=0,k=u.length;k>w;l=++w)i=u[l],g=null!=f[l]?f[l]:f[l]=new h(i),o&=g.done,g.done||(s++,d+=g.tick(e));return r=d/s,y.update(U.tick(e,r)),y.done()||o||v?(y.update(100),c.trigger("done"),setTimeout(function(){return y.finish(),c.running=!1,c.trigger("hide")},Math.max(E.ghostTime,Math.max(E.minTime-(P()-t),0)))):n()})},c.start=function(t){k(E,t),c.running=!0;try{y.render()}catch(e){a=e}return document.querySelector(".pace")?(c.trigger("start"),c.go()):setTimeout(c.start,50)},"function"==typeof define&&define.amd?define(function(){return c}):"object"==typeof exports?module.exports=c:E.startOnPageLoad&&c.start()}).call(this);
-
 $(document).ajaxStart(function() { Pace.restart(); });
 Vue.config.devtools = true;
 Pace.on('done', function() {
@@ -14,6 +12,23 @@ function obj_to_json(obj) {
 }
 var models_mixin = {}
 var root_mixin = {}
+function removeParam(key, sourceURL) {
+    var rtn = sourceURL.split("?")[0],
+        param,
+        params_arr = [],
+        queryString = (sourceURL.indexOf("?") !== -1) ? sourceURL.split("?")[1] : "";
+    if (queryString !== "") {
+        params_arr = queryString.split("&");
+        for (var i = params_arr.length - 1; i >= 0; i -= 1) {
+            param = params_arr[i].split("=")[0];
+            if (param === key) {
+                params_arr.splice(i, 1);
+            }
+        }
+        rtn = rtn + "?" + params_arr.join("&");
+    }
+    return rtn;
+}
 function updateQueryStringParam(key, value) {
     baseUrl = [location.protocol, '//', location.host, location.pathname].join('');
     urlQueryString = document.location.search;
@@ -178,7 +193,13 @@ function vue_init(params = {}) {
                 success: function(res) {
                     that.info = res;
                     that.model = obj_to_json(that.info.structure);
-                    that.default_url = that.info.url_prefix + location.search;
+                    var default_url = that.info.url_prefix + location.search;
+                    default_url = removeParam("p", default_url);
+                    default_url = removeParam("q", default_url);
+                    default_url = removeParam("mp", default_url);
+                    default_url = removeParam("sa", default_url);
+                    default_url = removeParam("st", default_url);
+                    that.default_url = default_url;
                     $.ajax({
                         url: that.info.url_prefix + options.suffix + location.search,
                         success: function(res) {

data/vendor/assets/stylesheets/vue_crud.css

@@ -1,5 +1,3 @@
-.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pace-inactive{display:none}.pace .pace-progress{background:#29d;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px}
-
 #vue_crud .ui.cards > .card > .extra a.save_now {
     color: rgb(33, 133, 208);
     opacity: 1;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: vue_crud
 version: !ruby/object:Gem::Version
-  version: 0.1.9.5
+  version: 0.1.9.6
 platform: ruby
 authors:
 - Donald Chiang
@@ -69,8 +69,87 @@ files:
 - bin/setup
 - lib/.DS_Store
 - lib/generators/.DS_Store
+- lib/generators/vue_crud/example_generator.rb
 - lib/generators/vue_crud/install_generator.rb
+- lib/generators/vue_crud/pace_generator.rb
+- lib/generators/vue_crud/semantic_generator.rb
+- lib/generators/vue_crud/templates/assets/images/semantic-ui/flags.png
+- lib/generators/vue_crud/templates/assets/javascripts/pace.min.js
+- lib/generators/vue_crud/templates/assets/javascripts/semantic-ui/checkbox.js
+- lib/generators/vue_crud/templates/assets/javascripts/semantic-ui/dimmer.js
+- lib/generators/vue_crud/templates/assets/javascripts/semantic-ui/dropdown.js
+- lib/generators/vue_crud/templates/assets/javascripts/semantic-ui/modal.js
+- lib/generators/vue_crud/templates/assets/javascripts/semantic-ui/site.js
+- lib/generators/vue_crud/templates/assets/javascripts/semantic-ui/transition.js
+- lib/generators/vue_crud/templates/assets/javascripts/vue.js
+- lib/generators/vue_crud/templates/assets/stylesheets/pace.min.css
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/.DS_Store
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/.DS_Store
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/_all.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/_form.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/_grid.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/_grid_bk.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/_menu.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/_message.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/_mixins.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/_table.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/mixins/.DS_Store
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/mixins/_clearfix.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/mixins/_grid-framework.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/mixins/_grid.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_all.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_button.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_container.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_divider.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_flag.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_header.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_icon.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_image.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_input.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_label.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_list.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_loader.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_rail.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_reveal.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_segment.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_step.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/globals/_all.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/globals/_reset.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/globals/_site.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/globals/_variables.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_accordion.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_all.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_checkbox.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_dimmer.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_dropdown.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_embed.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_modal.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_nag.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_popup.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_progress.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_rating.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_search.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_shape.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_sidebar.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_sticky.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_tab.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_transition.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_video.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/views/_ad.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/views/_all.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/views/_card.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/views/_comment.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/views/_feed.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/views/_item.scss
+- lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/views/_statistic.scss
+- lib/generators/vue_crud/templates/example/user.rb
+- lib/generators/vue_crud/templates/example/users/index.html.erb
+- lib/generators/vue_crud/templates/example/users/index.json.jbuilder
+- lib/generators/vue_crud/templates/example/users/show.json.jbuilder
+- lib/generators/vue_crud/templates/example/users_controller.rb
 - lib/generators/vue_crud/templates/vue_crud.html
+- lib/generators/vue_crud/vuejs_generator.rb
 - lib/vue_crud.rb
 - lib/vue_crud/engine.rb
 - lib/vue_crud/version.rb
@@ -78,11 +157,6 @@ files:
 - vendor/assets/.DS_Store
 - vendor/assets/javascripts/vue_crud.js
 - vendor/assets/stylesheets/vue_crud.css
-- vue_crud-0.1.5.gem
-- vue_crud-0.1.6.gem
-- vue_crud-0.1.7.gem
-- vue_crud-0.1.8.gem
-- vue_crud-0.1.9.gem
 - vue_crud.gemspec
 homepage: http://www.mynet.com.tw
 licenses: