vue_crud 0.1.4 → 0.1.5

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 9ec9050a97f89728f90582812771765c584b9c8e
4
- data.tar.gz: dcae09c1683202c93e4526197d41eb3adda37b14
3
+ metadata.gz: 7fd9df38c49d35f768e9b2738733f09b10a5cb3d
4
+ data.tar.gz: 99418a4ea556ae2de1c9b8cfcfa0d79c26eb898f
5
5
  SHA512:
6
- metadata.gz: cb8b226392eca29a7fac53d699bf1f9823a587b9e1f6e23178d0fc4adfe51c4cce2834a332867056f7d006693754a8ef1ef94ad0b12bd54b3380487fe8657499
7
- data.tar.gz: de805a41c1d41fe8069cac1b772e9647e8b6495f1b5021bc4e35913bcc78b75aa52b16adca35763d7da5341906aa29546b17ef3ce87c1ce2b63289044137b7e1
6
+ metadata.gz: 8efc9ef1de2f3071fd51fb4af9b64d817414228239c0ad6a2e8fc398f5cf58b294da2f5b24c4bddbf1be7de1699397180b49d2271bd633b09a9f2355cc2361c1
7
+ data.tar.gz: 5239e9146d4fddf0ee3d74e654aa8cf1ffb95e706e3436a520296a4af080d8b46e6e75c57644b7f106b65671ed8db163b65b7e48fcf827d1254597cb3b083e78
@@ -37,7 +37,12 @@ $(document).ready(function() {
37
37
  {{ info.titles.title }}
38
38
  <div class="sub header"><small>{{ info.titles.subtitle }}</small></div>
39
39
  </h1>
40
- <div class="ui blue button" data-modal="#modelModal">Add</div>
40
+ <div class="ui animated fade green button" data-modal="#modelModal" tabindex="0">
41
+ <div class="visible content">Add {{ info.titles.model_name }}</div>
42
+ <div class="hidden content">
43
+ <i class="right plus icon"></i>
44
+ </div>
45
+ </div>
41
46
  <div class="ui divider"></div>
42
47
  <!-- NOTE: Filter -->
43
48
  <div class="ui left action right icon labeled input filter" :class="{loading: is_calculating}">
@@ -71,7 +76,7 @@ $(document).ready(function() {
71
76
  <models v-for="model in filteredModels" :model="model" :info="info" :selected_attribute="model_prefix + '.' + selected_attribute"></models>
72
77
  </div>
73
78
 
74
- <table class="ui celled table" v-if="column_type == 'table'">
79
+ <table class="ui celled selectable table" v-if="column_type == 'table'">
75
80
  <thead>
76
81
  <tr>
77
82
  <th v-for="attribute in info.model_attributes" v-if="attribute.visible" :class="{highlight: attribute.model_prefix + '.' + attribute.name == model_prefix + '.' + selected_attribute}">
@@ -145,7 +150,7 @@ $(document).ready(function() {
145
150
  <td style="position: relative;">
146
151
  <div class="ui modal" :id="'editModal_' + model.id">
147
152
  <div class="ui inverted dimmer">
148
- <div class="ui indeterminate text loader">Progressing</div>
153
+ <div class="ui indeterminate text loader">Processing</div>
149
154
  </div>
150
155
  <div class="header">Update {{ info.titles.title }}</div>
151
156
  <div class="content">
@@ -170,8 +175,18 @@ $(document).ready(function() {
170
175
  </a>
171
176
  <!-- NOTE: Custom action -->
172
177
  <div class="inline-block custom_action"></div>
173
- <div class="ui blue button" :data-modal="'#editModal_' + model.id">Edit</div>
174
- <div @click="deleteModel" class="ui basic red button" v-show="!deleteMode">Delete</div>
178
+ <div class="ui animated fade blue button" :data-modal="'#editModal_' + model.id" tabindex="0">
179
+ <div class="visible content">Edit</div>
180
+ <div class="hidden content">
181
+ <i class="right edit icon"></i>
182
+ </div>
183
+ </div>
184
+ <div class="ui animated fade red button" @click="deleteModel" class="ui basic red button" v-show="!deleteMode" tabindex="0">
185
+ <div class="visible content">Delete</div>
186
+ <div class="hidden content">
187
+ <i class="right trash icon"></i>
188
+ </div>
189
+ </div>
175
190
  </td>
176
191
  <td :colspan="info.model_attributes.length + 1">
177
192
  <!-- NOTE: Custom models -->
@@ -193,7 +208,9 @@ $(document).ready(function() {
193
208
  <div class="content">
194
209
  <div class="summary" :class="{highlight: attribute.model_prefix + '.' + attribute.name == selected_attribute}" v-if="attribute.model_prefix">
195
210
  <span v-if="attribute.type != 'img'">
196
- {{ attribute.display_name }}: {{ model[attribute.model_prefix][attribute.name] }}
211
+ <div class="ui teal horizontal label">{{ attribute.display_name }}</div>
212
+ <br>
213
+ {{ model[attribute.model_prefix][attribute.name] }}
197
214
  </span>
198
215
  <span v-else>
199
216
  <img :src="model[attribute.model_prefix][attribute.name]" />
@@ -201,7 +218,9 @@ $(document).ready(function() {
201
218
  </div>
202
219
  <div class="summary" :class="{highlight: attribute.model_prefix + '.' + attribute.name == selected_attribute}" v-else>
203
220
  <span v-if="attribute.type != 'img'">
204
- {{ attribute.display_name }}: {{ model[attribute.name] }}
221
+ <div class="ui teal horizontal label">{{ attribute.display_name }}</div>
222
+ <br>
223
+ {{ model[attribute.name] }}
205
224
  </span>
206
225
  <span v-else>
207
226
  <img :src="model[attribute.name]" />
@@ -220,12 +239,22 @@ $(document).ready(function() {
220
239
  <div class="ui divider"></div>
221
240
  <!-- NOTE: Custom action -->
222
241
  <div class="inline-block custom_action"></div>
223
- <div class="ui blue button" :data-modal="'#editModal_' + model.id">Edit</div>
224
- <div @click="deleteModel" class="ui basic red right floated button" v-show="!deleteMode">Delete</div>
242
+ <div class="ui animated fade blue button" :data-modal="'#editModal_' + model.id" tabindex="0">
243
+ <div class="visible content">Edit</div>
244
+ <div class="hidden content">
245
+ <i class="right edit icon"></i>
246
+ </div>
247
+ </div>
248
+ <div class="ui animated fade right floated red button" @click="deleteModel" class="ui basic red button" v-show="!deleteMode" tabindex="0">
249
+ <div class="visible content">Delete</div>
250
+ <div class="hidden content">
251
+ <i class="right trash icon"></i>
252
+ </div>
253
+ </div>
225
254
  </div>
226
255
  <div class="ui modal" :id="'editModal_' + model.id">
227
256
  <div class="ui inverted dimmer">
228
- <div class="ui indeterminate text loader">Progressing</div>
257
+ <div class="ui indeterminate text loader">Processing</div>
229
258
  </div>
230
259
  <div class="header">Update {{ info.titles.title }}</div>
231
260
  <div class="content">
@@ -1,3 +1,3 @@
1
1
  module VueCrud
2
- VERSION = "0.1.4"
2
+ VERSION = "0.1.5"
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: vue_crud
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.4
4
+ version: 0.1.5
5
5
  platform: ruby
6
6
  authors:
7
7
  - Donald Chiang
@@ -78,7 +78,6 @@ files:
78
78
  - vendor/assets/.DS_Store
79
79
  - vendor/assets/javascripts/vue_crud.js
80
80
  - vendor/assets/stylesheets/vue_crud.css
81
- - vue_crud-0.1.3.gem
82
81
  - vue_crud.gemspec
83
82
  homepage: http://www.mynet.com.tw
84
83
  licenses:
data/vue_crud-0.1.3.gem DELETED
Binary file