vue_crud 0.1.9 → 0.1.9.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 9198bc1eaeae6ba231d8bfd7f03c1a856ad4ab91
-  data.tar.gz: 6f3ddf8fa74331373f9b1b95aa4d280466f99573
+  metadata.gz: 08c989f44305a8b5ae2272acb4581c181f7b29b2
+  data.tar.gz: aa48ea64508d221566ca74ca87d1826ba2675a46
 SHA512:
-  metadata.gz: a0b83f75cb7edfb91a939f456b32e343f0eebadc093b9f301b413ba1e3aa9d178e8cef9aab1246f54f6bf1f12de410ff4429de01c871b811536c94b761f7b85e
-  data.tar.gz: e8cd46791c3f1b57987eea8b8e92faaceedac10630391740bf78cc28f645a846809c8c98b25792d9406d9c45f48db75c6257fb6761b6f3f90d5f5df41e1b13a5
+  metadata.gz: d690bee88c197a2708879be18becc184dd498f5e5016a7b070c51a849c3daa6ac5737448fef830f4133dc5c98236e5daacd5e074bfec59712c9e1355721fcc1b
+  data.tar.gz: 92f0e102446ec468c60b904b7c8abeff0814e8303975923f8ea620ba696e595b28edeb9ace596ae9c55736e35c94d922aa0e9c1a4dd73a44cbc7d57cf03440fa

data/lib/generators/vue_crud/templates/vue_crud.html

@@ -39,7 +39,7 @@ $(document).ready(function() {
         <div class="sub header"><small>{{ info.titles.subtitle }}</small></div>
     </h1>
     <div class="ui animated fade green button" data-modal="#modelModal" tabindex="0">
-        <div class="visible content">Add {{ info.titles.model_name }}</div>
+        <div class="visible content">新增 {{ info.titles.model_name }}</div>
         <div class="hidden content">
             <i class="right plus icon"></i>
         </div>
@@ -47,12 +47,12 @@ $(document).ready(function() {
     <div class="ui divider"></div>
     <!-- NOTE: Filter -->
     <div class="ui left action right icon labeled input filter" :class="{loading: is_calculating}">
-        <a :href="info.url_prefix" class="ui button red" v-show="selected_attribute">Reset</a>
+        <a :href="default_url" class="ui button red" v-show="selected_attribute">Reset</a>
         <div class="ui basic floating dropdown button">
-            <div class="text">{{ selected_attribute || 'Attribute' }}</div>
+            <div class="text">{{ selected_text || '請選擇欄位' }}</div>
             <i class="dropdown icon"></i>
             <div class="menu attribute_select">
-                <div class="item attribute_option" v-for="attribute in info.model_attributes" :model_prefix="attribute.model_prefix || ''" :target="attribute.name" :class="{selected: selected_attribute == attribute.name,active: selected_attribute == attribute.name}">{{ attribute.display_name }}</div>
+                <div class="item attribute_option" v-for="attribute in info.model_attributes" :model_prefix="attribute.model_prefix || ''" :target="attribute.name" :target_text="attribute.display_name" :class="{selected: selected_attribute == attribute.name,active: selected_attribute == attribute.name}">{{ attribute.display_name }}</div>
             </div>
         </div>
         <input type="text" id="searchQuery" :placeholder="searchStatus" v-model="searchQuery">
@@ -84,7 +84,7 @@ $(document).ready(function() {
                     {{ attribute.display_name }}
                 </th>
                 <th>
-                    Action
+                    動作
                 </th>
                 <th></th>
             </tr>
@@ -114,7 +114,7 @@ $(document).ready(function() {
 
     <!-- NOTE: modal for new action -->
     <div class="ui modal new_modal" id="modelModal">
-        <div class="header">Create {{ info.titles.title }}</div>
+        <div class="header">創建 {{ info.titles.title }}</div>
         <!-- NOTE: Vue form -->
         <div class="content vue_form_for_new"></div>
         <div class="actions">
@@ -162,8 +162,8 @@ $(document).ready(function() {
                     <div v-show="customMode"><div class="custom_modal_body"></div></div>
                 </div>
                 <div class="actions">
-                    <button class="ui basic gray cancel button">Cancel</button>
-                    <button @click="updateModel" class="ui button blue" v-show="!customMode">Update</button>
+                    <button class="ui basic gray cancel button">取消</button>
+                    <button @click="updateModel" class="ui button blue" v-show="!customMode">更新</button>
                     <!-- NOTE: Custom modal action -->
                     <div class="inline-block custom_modal_action"></div>
                 </div>
@@ -177,13 +177,13 @@ $(document).ready(function() {
             <!-- NOTE: Custom action -->
             <div class="inline-block custom_action"></div>
             <div class="ui animated fade blue button" :data-modal="'#editModal_' + model.id" tabindex="0">
-                <div class="visible content">Edit</div>
+                <div class="visible content">編輯</div>
                 <div class="hidden content">
                     <i class="right edit icon"></i>
                 </div>
             </div>
             <div class="ui animated fade red button" @click="deleteModel" class="ui basic red button" v-show="!deleteMode" tabindex="0">
-                <div class="visible content">Delete</div>
+                <div class="visible content">刪除</div>
                 <div class="hidden content">
                     <i class="right trash icon"></i>
                 </div>
@@ -241,13 +241,13 @@ $(document).ready(function() {
                 <!-- NOTE: Custom action -->
                 <div class="inline-block custom_action"></div>
                 <div class="ui animated fade blue button" :data-modal="'#editModal_' + model.id" tabindex="0">
-                    <div class="visible content">Edit</div>
+                    <div class="visible content">編輯</div>
                     <div class="hidden content">
                         <i class="right edit icon"></i>
                     </div>
                 </div>
                 <div class="ui animated fade right floated red button" @click="deleteModel" class="ui basic red button" v-show="!deleteMode" tabindex="0">
-                    <div class="visible content">Delete</div>
+                    <div class="visible content">刪除</div>
                     <div class="hidden content">
                         <i class="right trash icon"></i>
                     </div>
@@ -266,8 +266,8 @@ $(document).ready(function() {
                     <div v-show="customMode"><div class="custom_modal_body"></div></div>
                 </div>
                 <div class="actions">
-                    <button class="ui basic gray cancel button">Cancel</button>
-                    <button @click="updateModel" class="ui button blue" v-show="!customMode">Update</button>
+                    <button class="ui basic gray cancel button">取消</button>
+                    <button @click="updateModel" class="ui button blue" v-show="!customMode">更新</button>
                     <!-- NOTE: Custom modal action -->
                     <div class="inline-block custom_modal_action"></div>
                 </div>
@@ -284,10 +284,10 @@ $(document).ready(function() {
         <div v-for="attribute in info.model_attributes" v-if="attribute.editable">
             <div class="field" v-if="attribute.type == 'select'">
                 <label :for="'model_' + attribute.display_name">{{ attribute.display_name }}</label>
-                <select :id="'model_' + attribute.display_name" v-if="attribute.model_prefix" v-model="model[attribute.model_prefix][attribute.name]" class="ui fluid dropdown">
+                <select :id="'model_' + attribute.display_name" v-if="attribute.model_prefix" v-model="model[attribute.model_prefix][attribute.name]" class="ui fluid dropdown" :class="attribute.input_class">
                     <option v-for="option in attribute.options" :value="option.value" v-text="option.text"></option>
                 </select>
-                <select :id="'model_' + attribute.display_name" v-else v-model="model[attribute.name]" class="ui fluid dropdown">
+                <select :id="'model_' + attribute.display_name" v-else v-model="model[attribute.name]" class="ui fluid dropdown" :class="attribute.input_class">
                     <option v-for="option in attribute.options" :value="option.value" v-text="option.text"></option>
                 </select>
                 <div class="ui pointing red basic label" v-show="errors[attribute.name]">
@@ -298,10 +298,10 @@ $(document).ready(function() {
             </div>
             <div class="field" v-if="attribute.type == 'multiSelect'">
                 <label :for="'model_' + attribute.display_name">{{ attribute.display_name }}</label>
-                <select :id="'model_' + attribute.display_name" multiple v-if="attribute.model_prefix" v-model="model[attribute.model_prefix][attribute.name]" class="ui fluid dropdown">
+                <select :id="'model_' + attribute.display_name" multiple v-if="attribute.model_prefix" v-model="model[attribute.model_prefix][attribute.name]" class="ui fluid dropdown" :class="attribute.input_class">
                     <option v-for="option in attribute.options" :value="option.value" v-text="option.text"></option>
                 </select>
-                <select :id="'model_' + attribute.display_name" multiple v-else v-model="model[attribute.name]" class="ui fluid dropdown">
+                <select :id="'model_' + attribute.display_name" multiple v-else v-model="model[attribute.name]" class="ui fluid dropdown" :class="attribute.input_class">
                     <option v-for="option in attribute.options" :value="option.value" v-text="option.text"></option>
                 </select>
                 <div class="ui pointing red basic label" v-show="errors[attribute.name]">
@@ -312,8 +312,8 @@ $(document).ready(function() {
             </div>
             <div class="field" v-if="attribute.type == 'textarea'">
                 <label :for="'model_' + attribute.display_name">{{ attribute.display_name }}</label>
-                <textarea :id="'model_' + attribute.display_name" v-if="attribute.model_prefix" v-model="model[attribute.model_prefix][attribute.name]"></textarea>
-                <textarea :id="'model_' + attribute.display_name" v-else v-model="model[attribute.name]"></textarea>
+                <textarea :id="'model_' + attribute.display_name" v-if="attribute.model_prefix" v-model="model[attribute.model_prefix][attribute.name]" :class="attribute.input_class"></textarea>
+                <textarea :id="'model_' + attribute.display_name" v-else v-model="model[attribute.name]" :class="attribute.input_class"></textarea>
                 <div class="ui pointing red basic label" v-show="errors[attribute.name]">
                     <span style="color: red" v-for="(error, index) in errors[attribute.name]">
                         <span v-if="index > 0">,</span> {{ error }}
@@ -323,8 +323,8 @@ $(document).ready(function() {
 
             <div class="field" v-if="attribute.type == 'checkbox'">
                 <div class="ui toggle checkbox">
-                    <input type="checkbox" tabindex="0" class="hidden" :id="'model_' + attribute.display_name" v-if="attribute.model_prefix" v-model="model[attribute.model_prefix][attribute.name]">
-                    <input type="checkbox" tabindex="0" class="hidden" :id="'model_' + attribute.display_name" v-else v-model="model[attribute.name]">
+                    <input type="checkbox" tabindex="0" class="hidden" :id="'model_' + attribute.display_name" v-if="attribute.model_prefix" v-model="model[attribute.model_prefix][attribute.name]" :class="attribute.input_class">
+                    <input type="checkbox" tabindex="0" class="hidden" :id="'model_' + attribute.display_name" v-else v-model="model[attribute.name]" :class="attribute.input_class">
                     <label>{{ attribute.display_name }}</label>
                 </div>
                 <div class="ui pointing red basic label" v-show="errors[attribute.name]">
@@ -335,8 +335,8 @@ $(document).ready(function() {
             </div>
             <div class="field" v-if="attribute.type != 'select' && attribute.type != 'multiSelect' && attribute.type != 'textarea' && attribute.type != 'checkbox'">
                 <label :for="'model_' + attribute.display_name">{{ attribute.display_name }}</label>
-                <input :type="attribute.type" :id="'model_' + attribute.display_name" v-if="attribute.model_prefix" v-model="model[attribute.model_prefix][attribute.name]">
-                <input :type="attribute.type" :id="'model_' + attribute.display_name" v-else v-model="model[attribute.name]">
+                <input :type="attribute.type" :id="'model_' + attribute.display_name" v-if="attribute.model_prefix" v-model="model[attribute.model_prefix][attribute.name]" :class="attribute.input_class">
+                <input :type="attribute.type" :id="'model_' + attribute.display_name" v-else v-model="model[attribute.name]" :class="attribute.input_class">
                 <div class="ui pointing red basic label" v-show="errors[attribute.name]">
                     <span style="color: red" v-for="(error, index) in errors[attribute.name]">
                         <span v-if="index > 0">,</span> {{ error }}

data/lib/vue_crud/version.rb

@@ -1,3 +1,3 @@
 module VueCrud
-  VERSION = "0.1.9"
+  VERSION = "0.1.9.1"
 end

data/vendor/assets/javascripts/vue_crud.js

@@ -208,9 +208,9 @@ function vue_init(params = {}) {
         computed: {
             searchStatus: function() {
                 if (this.is_calculating) {
-                    return 'Loading...'
+                    return '處理中...'
                 } else {
-                    return '✓ Done';
+                    return '✓ 完成';
                 }
             },
             pageStart: function() {
@@ -300,11 +300,11 @@ $(document).ready(function() {
             onShow: function() {
                 $(this).find('select.ui.dropdown').dropdown();
                 $(this).find('.ui.checkbox').checkbox();
-                if(modalOpen !== undefined) modalOpen();
+                if(typeof modalOpen !== "undefined") modalOpen(this);
             },
             onHide: function() {
                 event_hub.$emit('cancel_customMode');
-                if(modalClose !== undefined) modalClose();
+                if(typeof modalClose !== "undefined") modalClose(this);
             }
         }).modal('show');
     });

data/vendor/assets/stylesheets/vue_crud.css

@@ -7,7 +7,7 @@
 #vue_crud .card .progress {
     margin-bottom: 0;
     border-radius: 0;
-    height: 10px;
+    /*height: 10px;*/
 }
 #vue_crud .event .content {
     width: 100%;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: vue_crud
 version: !ruby/object:Gem::Version
-  version: 0.1.9
+  version: 0.1.9.1
 platform: ruby
 authors:
 - Donald Chiang
@@ -82,6 +82,7 @@ files:
 - 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: