Skip to content

Commit cbb4c0c

Browse files
szczepanmasnyszczepanmasny
authored
Merge pull request #49 from what-crud/issue/32_add_cms_example
Issue/32 add cms example
2 parents ae378c1 + 1bfdbff commit cbb4c0c

File tree

21 files changed

+150
-105
lines changed

21 files changed

+150
-105
lines changed

‎README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<h1 align="center">Vue CRUD</h1>
55
<div align="center">
66
<a><img alt="license" src="https://img.shields.io/badge/license-MIT-brightgreen.svg"></a>
7-
<a><img alt="version" src="https://img.shields.io/badge/version-v0.11.0-yellow.svg"></a>
7+
<a><img alt="version" src="https://img.shields.io/badge/version-v0.12.0-yellow.svg"></a>
88
<a><img alt="build" src="https://travis-ci.org/what-crud/vue-crud.svg?branch=master"></a>
99
<a><img alt="PRs" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg"></a>
1010
</div>

‎examples/cms/config/store-modules.js

+4-2
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,10 @@
11
// custom modules
22
import administration from '@/routes/app/routes/administration/store/'
3-
import crm from '@/routes/app/routes/crm/store/'
3+
import cms from '@/routes/app/routes/cms/store/'
4+
import blog from '@/routes/app/routes/blog/store/'
45

56
export default {
67
administration,
7-
crm
8+
cms,
9+
blog
810
}

‎examples/cms/locales/pl/profile.js

-1
Original file line numberDiff line numberDiff line change
@@ -29,4 +29,3 @@ export default {
2929
change: 'Zmień hasło'
3030
}
3131
}
32-

‎examples/cms/main.js

+1-2
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import Vue from 'vue'
22
import i18n from './locales/index'
33
import router from './router'
44
import store from './store'
5-
import http from './plugins/http'
5+
import './plugins/http'
66
import './plugins/vuetify'
77
import './plugins/ie'
88
import './plugins/custom/'
@@ -21,7 +21,6 @@ Vue.http.interceptors.push((request, next) => {
2121
})
2222

2323
new Vue({
24-
http,
2524
i18n,
2625
router,
2726
store,

‎examples/cms/routes/app/routes/blog/store/mutations.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
let mutations = {
2-
2+
33
}
44
export default mutations

‎examples/cms/routes/app/routes/blog/store/state.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
let state = {
2-
2+
33
}
44

55
export default state

‎examples/cms/routes/app/routes/cms/routes/settings/Index.vue

+50-46
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@
22
<crud
33
:prefix="prefix"
44
:path="path"
5-
:paths="paths"
65
:page-title="pageTitle"
76
:fields-info="fieldsInfo"
87
:details-title="$t('detailsTitle')"
@@ -17,12 +16,9 @@ import Crud from '@/utils/crud/components/Crud.vue'
1716
export default {
1817
data () {
1918
return {
20-
prefix: 'crud/admin',
21-
path: 'user-permissions',
22-
paths: {
23-
i: 'admin/user-permissions'
24-
},
25-
pageTitle: 'admin.userPermissions'
19+
prefix: 'crud/cms',
20+
path: 'settings',
21+
pageTitle: 'cms.settings'
2622
}
2723
},
2824
computed: {
@@ -35,41 +31,41 @@ export default {
3531
},
3632
{
3733
type: 'select',
38-
url: 'crud/admin/users',
3934
list: {
40-
value: 'id',
41-
text: 'name',
42-
data: []
35+
value: 'name',
36+
text: 'label',
37+
data: [
38+
{
39+
name: 'input',
40+
label: this.$t('fieldTypes.input')
41+
},
42+
{
43+
name: 'textarea',
44+
label: this.$t('fieldTypes.textarea')
45+
},
46+
{
47+
name: 'file',
48+
label: this.$t('fieldTypes.file')
49+
}
50+
]
4351
},
44-
column: 'user_id',
45-
text: this.$t('fields.user'),
46-
name: 'user',
47-
apiObject: {
48-
name: 'user.name'
49-
}
52+
stringId: true,
53+
column: 'type',
54+
text: this.$t('fields.type'),
55+
name: 'type'
5056
},
5157
{
52-
text: this.$t('fields.userEmail'),
53-
name: 'userEmail',
54-
apiObject: {
55-
name: 'user.email'
56-
},
57-
details: false
58+
type: 'input',
59+
column: 'name',
60+
text: this.$t('fields.name'),
61+
name: 'name'
5862
},
5963
{
60-
type: 'select',
61-
url: 'crud/admin/permissions',
62-
list: {
63-
value: 'id',
64-
text: 'name',
65-
data: []
66-
},
67-
column: 'permission_id',
68-
text: this.$t('fields.permission'),
69-
name: 'permission',
70-
apiObject: {
71-
name: 'permission.name'
72-
}
64+
type: 'dynamic',
65+
typeField: 'type',
66+
column: 'value',
67+
text: this.$t('fields.value'),
68+
name: 'value'
7369
}
7470
]
7571
}
@@ -80,23 +76,31 @@ export default {
8076
i18n: {
8177
messages: {
8278
pl: {
83-
detailsTitle: 'Użytkownik - uprawnienie',
79+
detailsTitle: 'Parametr',
8480
fields: {
8581
id: 'Id',
86-
user: 'Użytkownik',
87-
userEmail: 'E-mail użytkownika',
88-
permission: 'Uprawnienie',
89-
permissionCode: 'Kod uprawnienia'
82+
type: 'Typ pola',
83+
name: 'Nazwa parametru',
84+
value: 'Wartość'
85+
},
86+
fieldTypes: {
87+
input: 'Tekst',
88+
textarea: 'Długi tekst',
89+
file: 'Plik'
9090
}
9191
},
9292
en: {
93-
detailsTitle: 'User - permission',
93+
detailsTitle: 'Parameter',
9494
fields: {
9595
id: 'Id',
96-
user: 'User',
97-
userEmail: 'User\'s e-mail',
98-
permission: 'Permission',
99-
permissionCode: 'Permission code'
96+
type: 'Field type',
97+
name: 'Name',
98+
value: 'Value'
99+
},
100+
fieldTypes: {
101+
input: 'Input',
102+
textarea: 'Textarea',
103+
file: 'File'
100104
}
101105
}
102106
}

‎examples/cms/routes/app/routes/cms/store/mutations.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
let mutations = {
2-
2+
33
}
44
export default mutations

‎examples/cms/routes/app/routes/cms/store/state.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
let state = {
2-
2+
33
}
44

55
export default state

‎examples/cms/routes/app/routes/store/store/mutations.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
let mutations = {
2-
2+
33
}
44
export default mutations

‎examples/cms/routes/app/routes/store/store/state.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
let state = {
2-
2+
33
}
44

55
export default state

‎examples/crm/locales/pl/profile.js

-1
Original file line numberDiff line numberDiff line change
@@ -29,4 +29,3 @@ export default {
2929
change: 'Zmień hasło'
3030
}
3131
}
32-

‎examples/crm/main.js

+1-2
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import Vue from 'vue'
22
import i18n from './locales/index'
33
import router from './router'
44
import store from './store'
5-
import http from './plugins/http'
5+
import './plugins/http'
66
import './plugins/vuetify'
77
import './plugins/ie'
88
import './plugins/custom/'
@@ -21,7 +21,6 @@ Vue.http.interceptors.push((request, next) => {
2121
})
2222

2323
new Vue({
24-
http,
2524
i18n,
2625
router,
2726
store,

‎package.json

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
{
22
"name": "vue-crud",
3-
"version": "1.0.0",
3+
"version": "0.12.0",
44
"private": true,
55
"description": "Vue CRUD",
66
"author": "Szczepan Masny <[email protected]>",
77
"scripts": {
88
"serve": "vue-cli-service serve",
99
"build": "vue-cli-service build",
10-
"lint": "vue-cli-service lint",
10+
"lint": "eslint --fix --ext .js,.vue --ignore-path .gitignore .",
1111
"test:unit": "vue-cli-service test:unit",
1212
"load-template": "node template-loader.js",
1313
"docs:dev": "node docs.js && vuepress dev docs",

‎src/utils/crud/components/DataTableClientSide.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -106,7 +106,7 @@
106106
:custom-buttons='customButtons'
107107
:delete-mode='deleteMode'
108108
:item-elements="itemElements"
109-
:column-text-modes="columnTextModes"
109+
:column-text-modes="columnTextModes(props)"
110110
:edit-mode="editMode"
111111
:select-many-mode="selectManyMode"
112112
@edit="edit"

‎src/utils/crud/components/DataTableRow.vue

+14-5
Original file line numberDiff line numberDiff line change
@@ -55,11 +55,19 @@
5555
</td>
5656
<!-- table fields -->
5757
<template v-for="(field, key) in props.item">
58-
<td v-if="key != 'meta'" :key="key">
59-
<span v-if="columnTextModes[key] == 'html'" v-html="field"></span>
60-
<span v-else-if="columnTextModes[key] == 'cropped'" class="cell-nowrap">{{ field | cropped }}</span>
61-
<span v-else-if="columnTextModes[key] == 'text'">{{ field }}</span>
62-
<span v-else-if="columnTextModes[key] == 'file'">
58+
<td v-if="key !== 'meta'" :key="key">
59+
<!-- html -->
60+
<span v-if="columnTextModes[key] === 'html'" v-html="field"></span>
61+
<!-- cropped text -->
62+
<span v-else-if="columnTextModes[key] === 'cropped'" class="cell-nowrap">
63+
{{ field | cropped }}
64+
</span>
65+
<!-- text -->
66+
<span v-else-if="columnTextModes[key] === 'text'">
67+
{{ field }}
68+
</span>
69+
<!-- file -->
70+
<span v-else-if="columnTextModes[key] === 'file'">
6371
<file-details :fieldInfo="fileFieldToJSON(field)"></file-details>
6472
</span>
6573
</td>
@@ -82,6 +90,7 @@ export default {
8290
'deleteMode',
8391
'itemElements',
8492
'columnTextModes',
93+
'dynamicTextModes',
8594
'editMode',
8695
'selectManyMode'
8796
],

‎src/utils/crud/components/DataTableServerSide.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -87,7 +87,7 @@
8787
:custom-buttons='customButtons'
8888
:delete-mode='deleteMode'
8989
:item-elements="itemElements"
90-
:column-text-modes="columnTextModes"
90+
:column-text-modes="columnTextModes(props)"
9191
:edit-mode="editMode"
9292
:select-many-mode="selectManyMode"
9393
@edit="edit"

0 commit comments

Comments
 (0)