first commit
This commit is contained in:
Noor E Ilahi
13
resources/frontend/core/modules/Statuses/locales/en.json
Normal file
13
resources/frontend/core/modules/Statuses/locales/en.json
Normal file
@@ -0,0 +1,13 @@
|
||||
{
|
||||
"navigation": {
|
||||
"statuses": "Statuses"
|
||||
},
|
||||
"statuses": {
|
||||
"grid-title": "Statuses",
|
||||
"crud-title": "Status"
|
||||
},
|
||||
"field": {
|
||||
"order": "Order",
|
||||
"close_task": "Close task"
|
||||
}
|
||||
}
|
||||
13
resources/frontend/core/modules/Statuses/locales/ru.json
Normal file
13
resources/frontend/core/modules/Statuses/locales/ru.json
Normal file
@@ -0,0 +1,13 @@
|
||||
{
|
||||
"navigation": {
|
||||
"statuses": "Статусы"
|
||||
},
|
||||
"statuses": {
|
||||
"grid-title": "Статусы",
|
||||
"crud-title": "Статус"
|
||||
},
|
||||
"field": {
|
||||
"order": "Порядок",
|
||||
"close_task": "Закрывать задачу"
|
||||
}
|
||||
}
|
||||
16
resources/frontend/core/modules/Statuses/module.init.js
Normal file
16
resources/frontend/core/modules/Statuses/module.init.js
Normal file
@@ -0,0 +1,16 @@
|
||||
export const ModuleConfig = {
|
||||
routerPrefix: 'settings',
|
||||
loadOrder: 10,
|
||||
moduleName: 'Statuses',
|
||||
};
|
||||
|
||||
export function init(context, router) {
|
||||
context.addCompanySection(require('./sections/statuses').default(context, router));
|
||||
|
||||
context.addLocalizationData({
|
||||
en: require('./locales/en'),
|
||||
ru: require('./locales/ru'),
|
||||
});
|
||||
|
||||
return context;
|
||||
}
|
||||
258
resources/frontend/core/modules/Statuses/sections/statuses.js
Normal file
258
resources/frontend/core/modules/Statuses/sections/statuses.js
Normal file
@@ -0,0 +1,258 @@
|
||||
import cloneDeep from 'lodash/cloneDeep';
|
||||
import i18n from '@/i18n';
|
||||
import { store } from '@/store';
|
||||
import StatusService from '../services/statuse.service';
|
||||
import Statuses from '../views/Statuses';
|
||||
import ColorInput from '@/components/ColorInput';
|
||||
import { hasRole } from '@/utils/user';
|
||||
import Vue from 'vue';
|
||||
import { throttle } from 'lodash';
|
||||
|
||||
export default (context, router) => {
|
||||
const statusesContext = cloneDeep(context);
|
||||
statusesContext.routerPrefix = 'company/statuses';
|
||||
|
||||
const crud = statusesContext.createCrud('statuses.crud-title', 'statuses', StatusService);
|
||||
const crudEditRoute = crud.edit.getEditRouteName();
|
||||
const crudNewRoute = crud.new.getNewRouteName();
|
||||
|
||||
const navigation = { edit: crudEditRoute, new: crudNewRoute };
|
||||
const statusOrder = throttle(async (data, direction) => {
|
||||
const { gridView } = data;
|
||||
const { tableData } = gridView;
|
||||
|
||||
const service = new StatusService();
|
||||
const index = tableData.findIndex(item => item.id === data.item.id);
|
||||
|
||||
const item = tableData[index];
|
||||
const targetIndex = direction === 'up' ? index - 1 : index + 1;
|
||||
const targetItem = tableData[targetIndex];
|
||||
|
||||
await service.save({ ...targetItem, order: item.order });
|
||||
|
||||
Vue.set(tableData, index, { ...targetItem, order: item.order });
|
||||
Vue.set(tableData, targetIndex, { ...item, order: targetItem.order });
|
||||
}, 1000);
|
||||
crud.new.addToMetaProperties('permissions', 'statuses/create', crud.new.getRouterConfig());
|
||||
crud.new.addToMetaProperties('navigation', navigation, crud.new.getRouterConfig());
|
||||
crud.new.addToMetaProperties('afterSubmitCallback', () => router.go(-1), crud.new.getRouterConfig());
|
||||
|
||||
crud.edit.addToMetaProperties('permissions', 'statuses/edit', crud.edit.getRouterConfig());
|
||||
|
||||
const grid = statusesContext.createGrid('statuses.grid-title', 'statuses', StatusService, {
|
||||
orderBy: ['order', 'asc'],
|
||||
});
|
||||
|
||||
grid.addToMetaProperties('navigation', navigation, grid.getRouterConfig());
|
||||
grid.addToMetaProperties('permissions', () => hasRole(store.getters['user/user'], 'admin'), grid.getRouterConfig());
|
||||
|
||||
const fieldsToFill = [
|
||||
{
|
||||
key: 'id',
|
||||
displayable: false,
|
||||
},
|
||||
{
|
||||
label: 'field.name',
|
||||
key: 'name',
|
||||
type: 'input',
|
||||
required: true,
|
||||
placeholder: 'field.name',
|
||||
},
|
||||
{
|
||||
label: 'field.close_task',
|
||||
key: 'active',
|
||||
required: false,
|
||||
initialValue: true,
|
||||
render: (h, data) => {
|
||||
return h('at-checkbox', {
|
||||
props: {
|
||||
checked: typeof data.currentValue === 'boolean' ? !data.currentValue : false,
|
||||
},
|
||||
on: {
|
||||
'on-change'(value) {
|
||||
data.inputHandler(!value);
|
||||
},
|
||||
},
|
||||
});
|
||||
},
|
||||
},
|
||||
{
|
||||
label: 'field.color',
|
||||
key: 'color',
|
||||
required: false,
|
||||
render: (h, data) => {
|
||||
return h(ColorInput, {
|
||||
props: {
|
||||
value: typeof data.currentValue === 'string' ? data.currentValue : 'transparent',
|
||||
},
|
||||
on: {
|
||||
change(value) {
|
||||
data.inputHandler(value);
|
||||
},
|
||||
},
|
||||
});
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
crud.edit.addField(fieldsToFill);
|
||||
crud.new.addField(fieldsToFill);
|
||||
grid.addColumn([
|
||||
{
|
||||
title: 'field.name',
|
||||
key: 'name',
|
||||
},
|
||||
{
|
||||
title: 'field.order',
|
||||
key: 'order',
|
||||
render(h, data) {
|
||||
const index = data.gridView.tableData.findIndex(item => item.id === data.item.id);
|
||||
const result = [];
|
||||
result.push(
|
||||
h(
|
||||
'at-button',
|
||||
{
|
||||
style: {
|
||||
marginRight: '8px',
|
||||
},
|
||||
on:
|
||||
index > 0
|
||||
? {
|
||||
click: function () {
|
||||
statusOrder(data, 'up');
|
||||
},
|
||||
}
|
||||
: {},
|
||||
props:
|
||||
index > 0
|
||||
? {}
|
||||
: {
|
||||
disabled: true,
|
||||
},
|
||||
},
|
||||
[h('i', { class: 'icon icon-chevrons-up' })],
|
||||
),
|
||||
);
|
||||
result.push(
|
||||
h(
|
||||
'at-button',
|
||||
{
|
||||
style: {
|
||||
marginRight: '8px',
|
||||
},
|
||||
on:
|
||||
index < data.gridView.tableData.length - 1
|
||||
? {
|
||||
click: function () {
|
||||
statusOrder(data, 'down');
|
||||
},
|
||||
}
|
||||
: {},
|
||||
props:
|
||||
index < data.gridView.tableData.length - 1
|
||||
? {}
|
||||
: {
|
||||
disabled: true,
|
||||
},
|
||||
},
|
||||
[h('i', { class: 'icon icon-chevrons-down' })],
|
||||
),
|
||||
);
|
||||
return result;
|
||||
},
|
||||
},
|
||||
|
||||
{
|
||||
title: 'field.close_task',
|
||||
key: 'active',
|
||||
render(h, { item }) {
|
||||
return h('span', [i18n.t('control.' + (!item.active ? 'yes' : 'no'))]);
|
||||
},
|
||||
},
|
||||
{
|
||||
title: 'field.color',
|
||||
key: 'color',
|
||||
render(h, { item }) {
|
||||
return h(
|
||||
'span',
|
||||
{
|
||||
style: {
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
},
|
||||
},
|
||||
[
|
||||
h('span', {
|
||||
style: {
|
||||
display: 'inline-block',
|
||||
background: item.color,
|
||||
borderRadius: '4px',
|
||||
width: '16px',
|
||||
height: '16px',
|
||||
margin: '0 4px 0 0',
|
||||
},
|
||||
}),
|
||||
h('span', {}, [item.color]),
|
||||
],
|
||||
);
|
||||
},
|
||||
},
|
||||
]);
|
||||
|
||||
grid.addAction([
|
||||
{
|
||||
title: 'control.edit',
|
||||
icon: 'icon-edit',
|
||||
onClick: (router, { item }, context) => {
|
||||
context.onEdit(item);
|
||||
},
|
||||
renderCondition: ({ $can }, item) => {
|
||||
return $can('update', 'status', item);
|
||||
},
|
||||
},
|
||||
{
|
||||
title: 'control.delete',
|
||||
actionType: 'error',
|
||||
icon: 'icon-trash-2',
|
||||
onClick: async (router, { item }, context) => {
|
||||
context.onDelete(item);
|
||||
},
|
||||
renderCondition: ({ $can }, item) => {
|
||||
return $can('delete', 'status', item);
|
||||
},
|
||||
},
|
||||
]);
|
||||
|
||||
grid.addPageControls([
|
||||
{
|
||||
label: 'control.create',
|
||||
type: 'primary',
|
||||
icon: 'icon-edit',
|
||||
onClick: ({ $router }) => {
|
||||
$router.push({ name: crudNewRoute });
|
||||
},
|
||||
},
|
||||
]);
|
||||
|
||||
return {
|
||||
accessCheck: async () => hasRole(store.getters['user/user'], 'admin'),
|
||||
scope: 'company',
|
||||
order: 20,
|
||||
component: Statuses,
|
||||
route: {
|
||||
name: 'Statuses.crud.statuses',
|
||||
path: '/company/statuses',
|
||||
meta: {
|
||||
label: 'navigation.statuses',
|
||||
service: new StatusService(),
|
||||
},
|
||||
children: [
|
||||
{
|
||||
...grid.getRouterConfig(),
|
||||
path: '',
|
||||
},
|
||||
...crud.getRouterConfig(),
|
||||
],
|
||||
},
|
||||
};
|
||||
};
|
||||
@@ -0,0 +1,32 @@
|
||||
import axios from '@/config/app';
|
||||
import ResourceService from '@/services/resource.service';
|
||||
|
||||
export default class StatusService extends ResourceService {
|
||||
getAll(config = {}) {
|
||||
return axios.get('statuses/list', config);
|
||||
}
|
||||
|
||||
getItemRequestUri(id) {
|
||||
return `statuses/show?id=${id}`;
|
||||
}
|
||||
|
||||
getItem(id, filters = {}) {
|
||||
return axios.get(this.getItemRequestUri(id));
|
||||
}
|
||||
|
||||
save(data, isNew = false) {
|
||||
if (typeof data.active === 'undefined') {
|
||||
data.active = true;
|
||||
}
|
||||
|
||||
return axios.post(`statuses/${isNew ? 'create' : 'edit'}`, data);
|
||||
}
|
||||
|
||||
deleteItem(id) {
|
||||
return axios.post('statuses/remove', { id });
|
||||
}
|
||||
|
||||
getWithFilters(filters, config = {}) {
|
||||
return axios.post('statuses/list', filters, config);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
<template>
|
||||
<router-view></router-view>
|
||||
</template>
|
||||
Reference in New Issue
Block a user