Migration step
This commit is contained in:
parent
73a8d045a6
commit
b06dacc4ce
|
|
@ -0,0 +1,44 @@
|
|||
{
|
||||
"name": "ImageCollection",
|
||||
"base": "PersistedModel",
|
||||
"options": {
|
||||
"mysql": {
|
||||
"table": "hedera.imageCollection"
|
||||
}
|
||||
},
|
||||
"properties": {
|
||||
"id": {
|
||||
"type": "Number",
|
||||
"description": "Identifier"
|
||||
},
|
||||
"name": {
|
||||
"type": "String",
|
||||
"id": true,
|
||||
"required": true
|
||||
},
|
||||
"desc": {
|
||||
"type": "String",
|
||||
"required": true
|
||||
},
|
||||
"maxWidth": {
|
||||
"type": "Number",
|
||||
"required": true
|
||||
},
|
||||
"maxHeight": {
|
||||
"type": "Number",
|
||||
"required": true
|
||||
},
|
||||
"schema": {
|
||||
"type": "String",
|
||||
"required": true
|
||||
},
|
||||
"table": {
|
||||
"type": "String",
|
||||
"required": true
|
||||
},
|
||||
"column": {
|
||||
"type": "String",
|
||||
"required": true
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
|
||||
module.exports = Self => {
|
||||
Self.remoteMethod('upload', {
|
||||
description: 'Uploads an image',
|
||||
accessType: 'WRITE',
|
||||
accepts: [
|
||||
{
|
||||
arg: 'file',
|
||||
type: 'String',
|
||||
description: 'The image file'
|
||||
}, {
|
||||
arg: 'name',
|
||||
type: 'String',
|
||||
description: 'The image name'
|
||||
}, {
|
||||
arg: 'collectionFk',
|
||||
type: 'String',
|
||||
description: 'The collection'
|
||||
}, {
|
||||
arg: 'ctx',
|
||||
type: 'Object',
|
||||
http: {source: 'context'}
|
||||
}
|
||||
],
|
||||
returns: {
|
||||
type: 'Boolean',
|
||||
description: 'Success or failed',
|
||||
root: true,
|
||||
},
|
||||
http: {
|
||||
path: `/upload`,
|
||||
verb: 'POST'
|
||||
}
|
||||
});
|
||||
|
||||
Self.upload = async (file, name, collectionFk) => {
|
||||
let $ = Self.app.models;
|
||||
};
|
||||
};
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
{
|
||||
"name": "Image",
|
||||
"base": "PersistedModel",
|
||||
"options": {
|
||||
"mysql": {
|
||||
"table": "hedera.image"
|
||||
}
|
||||
},
|
||||
"properties": {
|
||||
"id": {
|
||||
"type": "Number",
|
||||
"id": true,
|
||||
"description": "Identifier"
|
||||
},
|
||||
"name": {
|
||||
"type": "String",
|
||||
"required": true
|
||||
},
|
||||
"updated": {
|
||||
"type": "Number"
|
||||
},
|
||||
"nRefs": {
|
||||
"type": "Number",
|
||||
"required": true
|
||||
}
|
||||
},
|
||||
"relations": {
|
||||
"collection": {
|
||||
"type": "belongsTo",
|
||||
"model": "ImageCollection",
|
||||
"foreignKey": "collectionFk"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
{
|
||||
"name": "Link",
|
||||
"base": "PersistedModel",
|
||||
"options": {
|
||||
"mysql": {
|
||||
"table": "hedera.link"
|
||||
}
|
||||
},
|
||||
"properties": {
|
||||
"id": {
|
||||
"type": "number",
|
||||
"required": true,
|
||||
"id": true
|
||||
},
|
||||
"name": {
|
||||
"type": "string",
|
||||
"required": true
|
||||
},
|
||||
"description": {
|
||||
"type": "string",
|
||||
"required": true
|
||||
},
|
||||
"link": {
|
||||
"type": "string",
|
||||
"required": true
|
||||
},
|
||||
"image": {
|
||||
"type": "string",
|
||||
"required": true
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
{
|
||||
"name": "NewTag",
|
||||
"base": "PersistedModel",
|
||||
"options": {
|
||||
"mysql": {
|
||||
"table": "hedera.newsTag"
|
||||
}
|
||||
},
|
||||
"properties": {
|
||||
"name": {
|
||||
"type": "String",
|
||||
"id": true,
|
||||
"description": "Identifier"
|
||||
},
|
||||
"description": {
|
||||
"type": "String",
|
||||
"required": true
|
||||
}
|
||||
},
|
||||
"acls": [
|
||||
{
|
||||
"accessType": "READ",
|
||||
"principalType": "ROLE",
|
||||
"principalId": "$everyone",
|
||||
"permission": "ALLOW"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -24,13 +24,10 @@
|
|||
"type": "String",
|
||||
"required": true
|
||||
},
|
||||
"userFk": {
|
||||
"type": "Number",
|
||||
"required": true
|
||||
},
|
||||
"created": {
|
||||
"type": "Date",
|
||||
"required": true
|
||||
"required": true,
|
||||
"defaultFn": "now"
|
||||
},
|
||||
"priority": {
|
||||
"type": "Number",
|
||||
|
|
@ -41,6 +38,13 @@
|
|||
"required": true
|
||||
}
|
||||
},
|
||||
"relations": {
|
||||
"user": {
|
||||
"type": "belongsTo",
|
||||
"model": "Account",
|
||||
"foreignKey": "userFk"
|
||||
}
|
||||
},
|
||||
"acls": [
|
||||
{
|
||||
"accessType": "READ",
|
||||
|
|
|
|||
|
|
@ -0,0 +1,31 @@
|
|||
{
|
||||
"name": "UserSession",
|
||||
"description": "Sessions",
|
||||
"base": "PersistedModel",
|
||||
"options": {
|
||||
"mysql": {
|
||||
"table": "hedera.userSession"
|
||||
}
|
||||
},
|
||||
"properties": {
|
||||
"ssid": {
|
||||
"type": "String",
|
||||
"id": true
|
||||
},
|
||||
"created": {
|
||||
"type": "Date",
|
||||
"required": true
|
||||
},
|
||||
"lastUpdate": {
|
||||
"type": "Date",
|
||||
"required": true
|
||||
}
|
||||
},
|
||||
"relations": {
|
||||
"userVisit": {
|
||||
"type": "belongsTo",
|
||||
"model": "VisitUser",
|
||||
"foreignKey": "userVisitFk"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
{
|
||||
"name": "VisitAccess",
|
||||
"description": "Visit accesses",
|
||||
"base": "PersistedModel",
|
||||
"options": {
|
||||
"mysql": {
|
||||
"table": "hedera.visitAccess"
|
||||
}
|
||||
},
|
||||
"properties": {
|
||||
"id": {
|
||||
"type": "Number",
|
||||
"id": true,
|
||||
"description": "Identifier"
|
||||
},
|
||||
"stamp": {
|
||||
"type": "Date",
|
||||
"required": true
|
||||
},
|
||||
"ip": {
|
||||
"type": "Number"
|
||||
},
|
||||
"referer": {
|
||||
"type": "String"
|
||||
}
|
||||
},
|
||||
"relations": {
|
||||
"agent": {
|
||||
"type": "belongsTo",
|
||||
"model": "VisitAgent",
|
||||
"foreignKey": "agentFk"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,47 @@
|
|||
{
|
||||
"name": "VisitAgent",
|
||||
"description": "Agents visits",
|
||||
"base": "PersistedModel",
|
||||
"options": {
|
||||
"mysql": {
|
||||
"table": "hedera.visitAgent"
|
||||
}
|
||||
},
|
||||
"properties": {
|
||||
"id": {
|
||||
"type": "Number",
|
||||
"id": true,
|
||||
"description": "Identifier"
|
||||
},
|
||||
"platform": {
|
||||
"type": "String"
|
||||
},
|
||||
"browser": {
|
||||
"type": "String"
|
||||
},
|
||||
"version": {
|
||||
"type": "String"
|
||||
},
|
||||
"javascript": {
|
||||
"type": "Boolean"
|
||||
},
|
||||
"cookies": {
|
||||
"type": "Boolean"
|
||||
},
|
||||
"agent": {
|
||||
"type": "String"
|
||||
}
|
||||
},
|
||||
"relations": {
|
||||
"visit": {
|
||||
"type": "belongsTo",
|
||||
"model": "Visit",
|
||||
"foreignKey": "visitFk"
|
||||
},
|
||||
"firstAccess": {
|
||||
"type": "belongsTo",
|
||||
"model": "VisitAccess",
|
||||
"foreignKey": "firstAccessFk"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
{
|
||||
"name": "VisitUser",
|
||||
"description": "User visits",
|
||||
"base": "PersistedModel",
|
||||
"options": {
|
||||
"mysql": {
|
||||
"table": "hedera.visitUser"
|
||||
}
|
||||
},
|
||||
"properties": {
|
||||
"id": {
|
||||
"type": "Number",
|
||||
"id": true,
|
||||
"description": "Identifier"
|
||||
},
|
||||
"stamp": {
|
||||
"type": "Date",
|
||||
"required": true
|
||||
}
|
||||
},
|
||||
"relations": {
|
||||
"access": {
|
||||
"type": "belongsTo",
|
||||
"model": "VisitAccess",
|
||||
"foreignKey": "accessFk"
|
||||
},
|
||||
"user": {
|
||||
"type": "belongsTo",
|
||||
"model": "Account",
|
||||
"foreignKey": "userFk"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
|
||||
module.exports = Self => {
|
||||
Self.remoteMethod('listByBrowser', {
|
||||
description: 'Get the list of visits grouped by browser',
|
||||
accessType: 'READ',
|
||||
accepts: [
|
||||
{
|
||||
arg: 'from',
|
||||
type: 'Date',
|
||||
description: 'The from date'
|
||||
}, {
|
||||
arg: 'to',
|
||||
type: 'Date',
|
||||
description: 'The to date'
|
||||
}
|
||||
],
|
||||
returns: {
|
||||
type: ['Object'],
|
||||
description: 'The visits list',
|
||||
root: true,
|
||||
},
|
||||
http: {
|
||||
path: `/listByBrowser`,
|
||||
verb: 'GET'
|
||||
}
|
||||
});
|
||||
|
||||
Self.listByBrowser = (from, to, cb) => {
|
||||
Self.dataSource.connector.query(
|
||||
`CALL hedera.visit_listByBrowser(?, ?)`,
|
||||
[from, to],
|
||||
(err, res) => {
|
||||
if (err) return cb(err)
|
||||
return cb(null, res[0])
|
||||
}
|
||||
);
|
||||
};
|
||||
};
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
{
|
||||
"name": "Visit",
|
||||
"description": "Visits",
|
||||
"base": "PersistedModel",
|
||||
"options": {
|
||||
"mysql": {
|
||||
"table": "hedera.visit"
|
||||
}
|
||||
},
|
||||
"properties": {
|
||||
"id": {
|
||||
"type": "Number",
|
||||
"id": true,
|
||||
"description": "Identifier"
|
||||
}
|
||||
},
|
||||
"relations": {
|
||||
"firstAgent": {
|
||||
"type": "belongsTo",
|
||||
"model": "VisitAgent",
|
||||
"foreignKey": "firstAgentFk"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -80,6 +80,12 @@
|
|||
"Inbound": {
|
||||
"dataSource": "vn"
|
||||
},
|
||||
"Image": {
|
||||
"dataSource": "vn"
|
||||
},
|
||||
"ImageCollection": {
|
||||
"dataSource": "vn"
|
||||
},
|
||||
"ItemCategory": {
|
||||
"dataSource": "vn"
|
||||
},
|
||||
|
|
@ -95,9 +101,15 @@
|
|||
"Language": {
|
||||
"dataSource": "vn"
|
||||
},
|
||||
"Link": {
|
||||
"dataSource": "vn"
|
||||
},
|
||||
"New": {
|
||||
"dataSource": "vn"
|
||||
},
|
||||
"NewTag": {
|
||||
"dataSource": "vn"
|
||||
},
|
||||
"OrderRow": {
|
||||
"dataSource": "vn"
|
||||
},
|
||||
|
|
@ -131,6 +143,21 @@
|
|||
"UserPassword": {
|
||||
"dataSource": "vn"
|
||||
},
|
||||
"UserSession": {
|
||||
"dataSource": "vn"
|
||||
},
|
||||
"Visit": {
|
||||
"dataSource": "vn"
|
||||
},
|
||||
"VisitAccess": {
|
||||
"dataSource": "vn"
|
||||
},
|
||||
"VisitAgent": {
|
||||
"dataSource": "vn"
|
||||
},
|
||||
"VisitUser": {
|
||||
"dataSource": "vn"
|
||||
},
|
||||
"Warehouse": {
|
||||
"dataSource": "vn"
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -14,13 +14,13 @@
|
|||
"back": "nodemon --inspect --watch back back/server/server.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@quasar/extras": "^1.1.2",
|
||||
"@quasar/extras": "^1.2.0",
|
||||
"axios": "^0.18.1",
|
||||
"quasar": "^1.0.0-rc.4",
|
||||
"quasar": "^1.0.5",
|
||||
"vue-i18n": "^7.3.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@quasar/app": "^1.0.0-rc.6",
|
||||
"@quasar/app": "^1.0.4",
|
||||
"@vue/eslint-config-standard": "^4.0.0",
|
||||
"babel-eslint": "^10.0.1",
|
||||
"eslint": "^5.16.0",
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@ module.exports = function (ctx) {
|
|||
boot: [
|
||||
'i18n',
|
||||
'axios',
|
||||
'filters',
|
||||
'state'
|
||||
],
|
||||
|
||||
|
|
@ -26,6 +27,7 @@ module.exports = function (ctx) {
|
|||
// framework: 'all', // --- includes everything; for dev only!
|
||||
framework: {
|
||||
components: [
|
||||
'QAvatar',
|
||||
'QBadge',
|
||||
'QBtn',
|
||||
'QCarousel',
|
||||
|
|
@ -38,6 +40,7 @@ module.exports = function (ctx) {
|
|||
'QDate',
|
||||
'QDialog',
|
||||
'QDrawer',
|
||||
'QEditor',
|
||||
'QExpansionItem',
|
||||
'QHeader',
|
||||
'QIcon',
|
||||
|
|
@ -58,6 +61,7 @@ module.exports = function (ctx) {
|
|||
'QRange',
|
||||
'QSelect',
|
||||
'QSeparator',
|
||||
'QSlideTransition',
|
||||
'QSpinner',
|
||||
'QTab',
|
||||
'QTabs',
|
||||
|
|
@ -66,7 +70,8 @@ module.exports = function (ctx) {
|
|||
'QRouteTab',
|
||||
'QToolbar',
|
||||
'QToolbarTitle',
|
||||
'QTooltip'
|
||||
'QTooltip',
|
||||
'QUploader'
|
||||
],
|
||||
|
||||
directives: [
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
import axios from 'axios'
|
||||
|
||||
export default async ({ Vue }) => {
|
||||
Vue.prototype.$apiBase = `//${location.hostname}:3000/api/`
|
||||
Vue.prototype.$axios = axios
|
||||
axios.defaults.baseURL = `//${location.hostname}:3000/api/`
|
||||
axios.defaults.baseURL = Vue.prototype.$apiBase
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,65 @@
|
|||
|
||||
import { date as qdate } from 'quasar'
|
||||
|
||||
export default async ({ app, Vue }) => {
|
||||
let i18n = app.i18n
|
||||
|
||||
function currency (val) {
|
||||
return val ? val.toFixed(2) + '€' : val
|
||||
}
|
||||
|
||||
function date (val, format) {
|
||||
if (val == null) return val
|
||||
if (!(val instanceof Date)) {
|
||||
val = new Date(val)
|
||||
}
|
||||
return qdate.formatDate(val, format, app.i18n.t('date'))
|
||||
}
|
||||
|
||||
function relDate (val) {
|
||||
if (val == null) return val
|
||||
if (!(val instanceof Date)) {
|
||||
val = new Date(val)
|
||||
}
|
||||
|
||||
let dif = qdate.getDateDiff(new Date(), val, 'days')
|
||||
let day
|
||||
|
||||
switch (dif) {
|
||||
case 0:
|
||||
day = 'today'
|
||||
break
|
||||
case 1:
|
||||
day = 'yesterday'
|
||||
break
|
||||
case -1:
|
||||
day = 'tomorrow'
|
||||
break
|
||||
}
|
||||
|
||||
if (day) {
|
||||
day = i18n.t(day)
|
||||
} else {
|
||||
if (dif > 0 && dif <= 7) {
|
||||
day = qdate.formatDate(val, 'ddd', i18n.t('date'))
|
||||
} else {
|
||||
day = qdate.formatDate(val, 'ddd, MMMM Do', i18n.t('date'))
|
||||
}
|
||||
}
|
||||
|
||||
return day
|
||||
}
|
||||
|
||||
function relTime (val) {
|
||||
if (val == null) return val
|
||||
if (!(val instanceof Date)) {
|
||||
val = new Date(val)
|
||||
}
|
||||
return relDate(val) + ' ' + qdate.formatDate(val, 'H:mm:ss')
|
||||
}
|
||||
|
||||
Vue.filter('currency', currency)
|
||||
Vue.filter('date', date)
|
||||
Vue.filter('relDate', relDate)
|
||||
Vue.filter('relTime', relTime)
|
||||
}
|
||||
|
|
@ -5,9 +5,10 @@ export default async ({ app, Vue }) => {
|
|||
let state = Vue.observable({
|
||||
userId: 1437,
|
||||
userName: null,
|
||||
layout: null,
|
||||
title: null,
|
||||
subtitle: null,
|
||||
search: null,
|
||||
useRightDrawer: false,
|
||||
rightDrawerOpen: true
|
||||
})
|
||||
Vue.prototype.$state = state
|
||||
|
|
|
|||
|
|
@ -0,0 +1,10 @@
|
|||
import Toolbar from './Toolbar'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
Toolbar
|
||||
},
|
||||
beforeRouteEnter (to, from, next) {
|
||||
next(vm => {})
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<template>
|
||||
<div>
|
||||
<slot></slot>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Toolbar',
|
||||
mounted () {
|
||||
this.toolbar = this.$state.layout.$refs.toolbar
|
||||
this.toolbar.appendChild(this.$el)
|
||||
},
|
||||
beforeDestroy () {
|
||||
this.toolbar.removeChild(this.$el)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -2,6 +2,8 @@
|
|||
|
||||
.vn-w-md
|
||||
width 30em
|
||||
.vn-w-lg
|
||||
width 45em
|
||||
.vn-pp
|
||||
padding 1em
|
||||
|
||||
|
|
|
|||
|
|
@ -7,14 +7,26 @@ export default {
|
|||
search: 'Search',
|
||||
accept: 'Accept',
|
||||
cancel: 'Cancel',
|
||||
refresh: 'Refresh',
|
||||
save: 'Save',
|
||||
delete: 'Delete',
|
||||
add: 'Add',
|
||||
edit: 'Edit',
|
||||
create: 'create',
|
||||
orderBy: 'Ordenar by',
|
||||
rowLimit: 'Row limit',
|
||||
dataSaved: 'Data saved!',
|
||||
noDataFound: 'No data found',
|
||||
areYouSureDelete: 'Are you sure you want to delete?',
|
||||
removedSuccess: 'Item removed successfully',
|
||||
createdSuccess: 'Item created successfully',
|
||||
fieldIsRequired: 'Field is required',
|
||||
setSearchFilter: 'Please, set a search filter',
|
||||
today: 'Today',
|
||||
yesterday: 'Yesterday',
|
||||
tomorrow: 'Tomorrow',
|
||||
fromDate: 'From',
|
||||
toDate: 'To',
|
||||
date: {
|
||||
days: [
|
||||
'Sunday',
|
||||
|
|
@ -66,14 +78,26 @@ export default {
|
|||
|
||||
// Layout
|
||||
login: 'Login',
|
||||
logout: 'Logout',
|
||||
visitor: 'Visitor',
|
||||
|
||||
// Menu
|
||||
home: 'Home',
|
||||
catalog: 'Catalog',
|
||||
orders: 'Orders',
|
||||
order: 'Pending order',
|
||||
ticket: 'Order',
|
||||
conditions: 'Conditions',
|
||||
about: 'About us',
|
||||
admin: 'Administration',
|
||||
panel: 'Control panel',
|
||||
users: 'Users',
|
||||
connections: 'Connections',
|
||||
visits: 'Visits',
|
||||
news: 'News',
|
||||
newEdit: 'Edit new',
|
||||
images: 'Images',
|
||||
items: 'Items',
|
||||
config: 'Configuration',
|
||||
user: 'User',
|
||||
addresses: 'Addresses',
|
||||
|
|
@ -113,7 +137,6 @@ export default {
|
|||
categories: 'Categories',
|
||||
category: 'Category',
|
||||
family: 'Family',
|
||||
orderBy: 'Ordenar by',
|
||||
name: 'Name',
|
||||
relevancy: 'Relevancy',
|
||||
priceAsc: 'Acending price',
|
||||
|
|
@ -137,6 +160,27 @@ export default {
|
|||
// About
|
||||
aboutDesc: 'Verdnatura offers all services for your florist.',
|
||||
|
||||
// Connections
|
||||
nConnections: '{0} connections',
|
||||
refreshRate: 'Refresh rate',
|
||||
lastAction: 'Last actions',
|
||||
sessionInit: 'Login',
|
||||
nSeconds: '{0} seconds',
|
||||
dontRefresh: 'Do not refresh',
|
||||
|
||||
// Visits
|
||||
visitsCount: '{0} visits, {1} new',
|
||||
|
||||
// New
|
||||
title: 'Title',
|
||||
image: 'Image',
|
||||
tag: 'Tag',
|
||||
priority: 'Priority',
|
||||
text: 'Text',
|
||||
|
||||
// User
|
||||
accessLog: 'Access log',
|
||||
|
||||
// Config
|
||||
userName: 'Username',
|
||||
nickname: 'Nickname',
|
||||
|
|
|
|||
|
|
@ -7,14 +7,26 @@ export default {
|
|||
search: 'Buscar',
|
||||
accept: 'Aceptar',
|
||||
cancel: 'Cancelar',
|
||||
refresh: 'Actualizar',
|
||||
save: 'Guardar',
|
||||
delete: 'Borrar',
|
||||
add: 'Añadir',
|
||||
edit: 'Editar',
|
||||
create: 'Crear',
|
||||
orderBy: 'Ordenar por',
|
||||
rowLimit: 'Límite de registros',
|
||||
dataSaved: '¡Datos guardados!',
|
||||
noDataFound: 'No se han encontrado datos',
|
||||
areYouSureDelete: '¿Seguro que quieres eliminar?',
|
||||
removedSuccess: 'Elemento eliminado correctamente',
|
||||
createdSuccess: 'Elemento creado correctamente',
|
||||
fieldIsRequired: 'Campo requerido',
|
||||
setSearchFilter: 'Por favor, establece un filtro de búsqueda',
|
||||
today: 'Hoy',
|
||||
yesterday: 'Ayer',
|
||||
tomorrow: 'Mañana',
|
||||
fromDate: 'Desde',
|
||||
toDate: 'Hasta',
|
||||
date: {
|
||||
days: [
|
||||
'Domingo',
|
||||
|
|
@ -73,8 +85,19 @@ export default {
|
|||
home: 'Inicio',
|
||||
catalog: 'Catálogo',
|
||||
orders: 'Pedidos',
|
||||
order: 'Pedido pendiente',
|
||||
ticket: 'Pedido',
|
||||
conditions: 'Condiciones',
|
||||
about: 'Sobre nosotros',
|
||||
admin: 'Administración',
|
||||
panel: 'Panel de control',
|
||||
users: 'Usuarios',
|
||||
connections: 'Conexiones',
|
||||
visits: 'Visitas',
|
||||
news: 'Noticias',
|
||||
newEdit: 'Editar noticia',
|
||||
images: 'Imágenes',
|
||||
items: 'Artículos',
|
||||
config: 'Configuración',
|
||||
user: 'Usuario',
|
||||
addresses: 'Direcciones',
|
||||
|
|
@ -114,7 +137,6 @@ export default {
|
|||
categories: 'Categorias',
|
||||
category: 'Categoria',
|
||||
family: 'Familia',
|
||||
orderBy: 'Ordenar por',
|
||||
name: 'Nombre',
|
||||
relevancy: 'Relevancia',
|
||||
priceAsc: 'Precio ascendente',
|
||||
|
|
@ -138,6 +160,27 @@ export default {
|
|||
// About
|
||||
aboutDesc: 'Verdnatura te ofrece todos los servicios que necesita tu floristería.',
|
||||
|
||||
// Connections
|
||||
nConnections: '{0} connexiones',
|
||||
refreshRate: 'Frecuencia de actualización',
|
||||
lastAction: 'Última acción',
|
||||
sessionInit: 'Inicio sesión',
|
||||
nSeconds: '{0} segundos',
|
||||
dontRefresh: 'No refrescar',
|
||||
|
||||
// Visits
|
||||
visitsCount: '{0} visitas, {1} nuevas',
|
||||
|
||||
// New
|
||||
title: 'Título',
|
||||
image: 'Imagen',
|
||||
tag: 'Etiqueta',
|
||||
priority: 'Prioridad',
|
||||
text: 'Texto',
|
||||
|
||||
// User
|
||||
accessLog: 'Registro de accesos',
|
||||
|
||||
// Config
|
||||
userName: 'Nombre de usuario',
|
||||
nickname: 'Nombre a mostrar',
|
||||
|
|
|
|||
|
|
@ -7,8 +7,7 @@
|
|||
dense
|
||||
round
|
||||
@click="leftDrawerOpen = !leftDrawerOpen"
|
||||
aria-label="Menu"
|
||||
>
|
||||
aria-label="Menu">
|
||||
<q-icon name="menu" />
|
||||
</q-btn>
|
||||
<q-toolbar-title class="title">
|
||||
|
|
@ -25,41 +24,20 @@
|
|||
:label="$t('login')"
|
||||
to="/login"
|
||||
/>
|
||||
<q-input
|
||||
v-if="$router.currentRoute.name == 'catalog'"
|
||||
v-model="$state.search"
|
||||
debounce="500"
|
||||
class="q-mr-sm"
|
||||
dark
|
||||
dense
|
||||
standout>
|
||||
<template v-slot:append>
|
||||
<q-icon
|
||||
v-if="$state.search === ''"
|
||||
name="search"
|
||||
/>
|
||||
<q-icon
|
||||
v-else
|
||||
name="clear"
|
||||
class="cursor-pointer"
|
||||
@click="$state.search = ''"
|
||||
/>
|
||||
</template>
|
||||
</q-input>
|
||||
<div ref="toolbar"/>
|
||||
<q-btn
|
||||
v-if="$router.currentRoute.name == 'catalog'"
|
||||
v-if="$state.useRightDrawer"
|
||||
@click="$state.rightDrawerOpen = !$state.rightDrawerOpen"
|
||||
aria-label="Menu"
|
||||
flat
|
||||
dense
|
||||
round>
|
||||
<q-icon name="menu" />
|
||||
<q-icon name="menu"/>
|
||||
</q-btn>
|
||||
</q-toolbar>
|
||||
</q-header>
|
||||
<q-drawer
|
||||
v-model="leftDrawerOpen"
|
||||
content-class="bg-grey-2"
|
||||
behavior="mobile"
|
||||
elevated
|
||||
overlay>
|
||||
|
|
@ -70,46 +48,32 @@
|
|||
<q-btn flat round dense icon="exit_to_app" :title="$t('logout')" @click="logout()" />
|
||||
</div>
|
||||
</div>
|
||||
<q-list class="text-body1">
|
||||
<q-item clickable :to="{name: 'home'}">
|
||||
<q-list
|
||||
class="text-body1"
|
||||
v-for="item in menu"
|
||||
:key="item.name">
|
||||
<q-item
|
||||
v-if="!item.childs"
|
||||
:to="{name: item.name}">
|
||||
<q-item-section>
|
||||
<q-item-label>{{$t('home')}}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable :to="{name: 'catalog'}">
|
||||
<q-item-section>
|
||||
<q-item-label>{{$t('catalog')}}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable :to="{name: 'orders'}">
|
||||
<q-item-section>
|
||||
<q-item-label>{{$t('orders')}}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable :to="{name: 'conditions'}">
|
||||
<q-item-section>
|
||||
<q-item-label>{{$t('conditions')}}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable :to="{name: 'about'}">
|
||||
<q-item-section>
|
||||
<q-item-label>{{$t('about')}}</q-item-label>
|
||||
<q-item-label>{{$t(item.name)}}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-expansion-item
|
||||
expand-icon-toggle
|
||||
expand-separator
|
||||
:label="$t('config')">
|
||||
<q-item clickable :to="{name: 'config'}">
|
||||
<q-item-section>
|
||||
<q-item-label>{{$t('user')}}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable :to="{name: 'addresses'}">
|
||||
<q-item-section>
|
||||
<q-item-label>{{$t('addresses')}}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
v-if="item.childs"
|
||||
:label="$t(item.name)"
|
||||
expand-separator>
|
||||
<q-list>
|
||||
<q-item
|
||||
v-for="subitem in item.childs"
|
||||
:key="subitem.name"
|
||||
:to="{name: subitem.name}"
|
||||
class="q-pl-lg">
|
||||
<q-item-section>
|
||||
<q-item-label>{{$t(subitem.name)}}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-expansion-item>
|
||||
</q-list>
|
||||
</q-drawer>
|
||||
|
|
@ -140,9 +104,41 @@ export default {
|
|||
data () {
|
||||
return {
|
||||
leftDrawerOpen: false, // this.$q.platform.is.desktop
|
||||
search: ''
|
||||
search: '',
|
||||
menu: [
|
||||
{ name: 'home' },
|
||||
{ name: 'catalog' },
|
||||
{ name: 'orders' },
|
||||
{ name: 'conditions' },
|
||||
{ name: 'about' },
|
||||
{
|
||||
name: 'admin',
|
||||
childs: [
|
||||
{ name: 'panel' },
|
||||
{ name: 'users' },
|
||||
{ name: 'connections' },
|
||||
{ name: 'visits' },
|
||||
{ name: 'news' },
|
||||
{ name: 'images' },
|
||||
{ name: 'items' }
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'config',
|
||||
childs: [
|
||||
{ name: 'user' },
|
||||
{ name: 'addresses' }
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
created () {
|
||||
this.$state.layout = this
|
||||
},
|
||||
destroyed () {
|
||||
this.$state.layout = null
|
||||
},
|
||||
methods: {
|
||||
openURL,
|
||||
logout () {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,78 @@
|
|||
<template>
|
||||
<div class="vn-pp row justify-center">
|
||||
<div class="vn-w-md">
|
||||
<q-card>
|
||||
<q-card-section>
|
||||
<div>{{user.nickname}}</div>
|
||||
<div class="text-caption">#{{user.id}}</div>
|
||||
<div class="text-caption">{{user.name}}</div>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
<q-card class="q-mt-md">
|
||||
<q-list bordered separator>
|
||||
<q-item v-if="visits && !visits.length">
|
||||
<q-item-section class="text-center">
|
||||
{{$t('noDataFound')}}
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item
|
||||
v-for="visit in visits"
|
||||
:key="visit.id">
|
||||
<q-item-section>
|
||||
<q-item-label>{{visit.stamp | date('ddd, MMMM Do H:mm')}}</q-item-label>
|
||||
<q-item-label caption>
|
||||
{{visit.access.agent.platform}} -
|
||||
{{visit.access.agent.browser}}
|
||||
{{visit.access.agent.version}}
|
||||
</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-card>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccessLog',
|
||||
data () {
|
||||
return {
|
||||
user: {},
|
||||
visits: null
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
let filter = {
|
||||
fields: ['id', 'nickname', 'name']
|
||||
}
|
||||
this.$axios.get(`Accounts/${this.$route.params.user}`, { params: { filter } })
|
||||
.then(res => (this.user = res.data))
|
||||
|
||||
filter = {
|
||||
fields: ['stamp', 'accessFk'],
|
||||
where: { userFk: this.$route.params.user },
|
||||
order: 'stamp DESC',
|
||||
limit: 10,
|
||||
include: {
|
||||
relation: 'access',
|
||||
scope: {
|
||||
fields: ['agentFk'],
|
||||
include: {
|
||||
relation: 'agent',
|
||||
scope: {
|
||||
fields: [
|
||||
'platform',
|
||||
'browser',
|
||||
'version'
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
this.$axios.get(`VisitUsers`, { params: { filter } })
|
||||
.then(res => (this.visits = res.data))
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -1,67 +1,59 @@
|
|||
<template>
|
||||
<div class="vn-pp row justify-center">
|
||||
<q-card class="vn-w-md">
|
||||
<q-card-section class="q-gutter-md">
|
||||
<q-input v-model="address.nickname" :label="$t('consignatary')" />
|
||||
</q-card-section>
|
||||
<q-card-section class="q-gutter-md">
|
||||
<q-input v-model="address.street" :label="$t('street')" />
|
||||
</q-card-section>
|
||||
<q-card-section class="q-gutter-md">
|
||||
<q-input v-model="address.city" :label="$t('city')" />
|
||||
</q-card-section>
|
||||
<q-card-section class="q-gutter-md">
|
||||
<q-input v-model="address.postalCode" :label="$t('postalCode')" />
|
||||
</q-card-section>
|
||||
<q-card-section class="q-gutter-md">
|
||||
<q-select
|
||||
v-model="country"
|
||||
:label="$t('country')"
|
||||
:options="countries"
|
||||
option-value="id"
|
||||
option-label="country"/>
|
||||
</q-card-section>
|
||||
<q-card-section class="q-gutter-md">
|
||||
<q-select
|
||||
v-model="province"
|
||||
:label="$t('province')"
|
||||
:options="provinces"
|
||||
option-value="id"
|
||||
option-label="name"/>
|
||||
</q-card-section>
|
||||
<q-card-section class="q-gutter-md">
|
||||
<q-input v-model="address.phone" :label="$t('phone')" />
|
||||
</q-card-section>
|
||||
<q-card-actions class="justify-center">
|
||||
<q-btn
|
||||
:label="$t('cancel')"
|
||||
to="/addresses"
|
||||
flat/>
|
||||
<q-btn
|
||||
v-if="addressId"
|
||||
:label="$t('save')"
|
||||
@click="onSave"
|
||||
flat/>
|
||||
<q-btn
|
||||
v-if="!addressId"
|
||||
:label="$t('create')"
|
||||
@click="onSave"
|
||||
flat/>
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</div>
|
||||
<div class="vn-pp row justify-center">
|
||||
<q-card class="vn-w-md">
|
||||
<q-card-section class="q-gutter-md">
|
||||
<q-input v-model="address.nickname" :label="$t('consignatary')" />
|
||||
</q-card-section>
|
||||
<q-card-section class="q-gutter-md">
|
||||
<q-input v-model="address.street" :label="$t('street')" />
|
||||
</q-card-section>
|
||||
<q-card-section class="q-gutter-md">
|
||||
<q-input v-model="address.city" :label="$t('city')" />
|
||||
</q-card-section>
|
||||
<q-card-section class="q-gutter-md">
|
||||
<q-input v-model="address.postalCode" :label="$t('postalCode')" />
|
||||
</q-card-section>
|
||||
<q-card-section class="q-gutter-md">
|
||||
<q-select
|
||||
v-model="country"
|
||||
:label="$t('country')"
|
||||
:options="countries"
|
||||
option-value="id"
|
||||
option-label="country"/>
|
||||
</q-card-section>
|
||||
<q-card-section class="q-gutter-md">
|
||||
<q-select
|
||||
v-model="province"
|
||||
:label="$t('province')"
|
||||
:options="provinces"
|
||||
option-value="id"
|
||||
option-label="name"/>
|
||||
</q-card-section>
|
||||
<q-card-section class="q-gutter-md">
|
||||
<q-input v-model="address.phone" :label="$t('phone')" />
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
<q-page-sticky position="bottom-right" :offset="[18, 18]">
|
||||
<q-btn
|
||||
:title="$t(id ? 'save' : 'create')"
|
||||
icon="check"
|
||||
color="accent"
|
||||
@click="onSave"
|
||||
fab/>
|
||||
</q-page-sticky>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
</style>
|
||||
|
||||
<script>
|
||||
import Page from 'components/Page'
|
||||
|
||||
export default {
|
||||
name: 'Address',
|
||||
mixins: [Page],
|
||||
data () {
|
||||
return {
|
||||
address: {},
|
||||
addressId: null,
|
||||
id: null,
|
||||
provinces: null,
|
||||
countries: null,
|
||||
province: null,
|
||||
|
|
@ -94,16 +86,16 @@ export default {
|
|||
if (!this.address.provinceFk) return
|
||||
this.address.provinceFk = value && value.id
|
||||
},
|
||||
'this.$route.params.address': function () {
|
||||
'this.$route.params.id': function () {
|
||||
this.loadAddress()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
loadAddress () {
|
||||
this.addressId = this.$route.params.address
|
||||
this.id = this.$route.params.id
|
||||
this.address = {}
|
||||
|
||||
if (this.addressId) {
|
||||
if (this.id) {
|
||||
let filter = {
|
||||
fields: [
|
||||
'id',
|
||||
|
|
@ -121,7 +113,7 @@ export default {
|
|||
}
|
||||
}
|
||||
}
|
||||
this.$axios.get(`Addresses/${this.addressId}`, { params: { filter } })
|
||||
this.$axios.get(`Addresses/${this.id}`, { params: { filter } })
|
||||
.then(res => (this.address = res.data))
|
||||
} else {
|
||||
this.address = {
|
||||
|
|
@ -152,19 +144,25 @@ export default {
|
|||
if (province) this.province = province
|
||||
},
|
||||
onSave () {
|
||||
if (this.addressId) {
|
||||
this.$axios.patch(`Addresses/${this.addressId}`, this.address)
|
||||
.then(res => {
|
||||
this.$q.notify(this.$t('dataSaved'))
|
||||
this.$router.push('/addresses')
|
||||
})
|
||||
let promise
|
||||
let message
|
||||
|
||||
if (this.id) {
|
||||
promise = this.$axios.patch(`Addresses/${this.id}`, this.address)
|
||||
message = 'dataSaved'
|
||||
} else {
|
||||
this.$axios.post(`Addresses`, this.address)
|
||||
.then(res => {
|
||||
this.$q.notify(this.$t('addressCreated'))
|
||||
this.$router.push('/addresses')
|
||||
})
|
||||
promise = this.$axios.post(`Addresses`, this.address)
|
||||
message = 'addressCreated'
|
||||
}
|
||||
|
||||
promise.then(res => {
|
||||
this.$q.notify({
|
||||
message: this.$t(message),
|
||||
icon: 'check',
|
||||
color: 'green-6'
|
||||
})
|
||||
this.$router.go(-1)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,10 +1,12 @@
|
|||
<template>
|
||||
<div class="vn-pp row justify-center">
|
||||
<div
|
||||
v-if="addresses && !addresses.length"
|
||||
class="text-subtitle1 text-center text-grey-7 q-pa-md">
|
||||
{{$t('noDataFound')}}
|
||||
</div>
|
||||
<q-card class="vn-w-md">
|
||||
<q-list bordered separator>
|
||||
<q-item v-if="addresses && !addresses.length">
|
||||
{{$t('noDataFound')}}
|
||||
</q-item>
|
||||
<q-item
|
||||
v-for="(address, index) in addresses"
|
||||
:key="address.id"
|
||||
|
|
@ -73,9 +75,6 @@
|
|||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
</style>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Addresses',
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
<template>
|
||||
<router-view></router-view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Admin'
|
||||
}
|
||||
</script>
|
||||
|
|
@ -1,8 +1,29 @@
|
|||
<template>
|
||||
<div style="padding-bottom: 5em;">
|
||||
<toolbar>
|
||||
<q-input
|
||||
v-model="search"
|
||||
debounce="500"
|
||||
class="q-mr-sm"
|
||||
dark
|
||||
dense
|
||||
standout>
|
||||
<template v-slot:append>
|
||||
<q-icon
|
||||
v-if="search === ''"
|
||||
name="search"
|
||||
/>
|
||||
<q-icon
|
||||
v-else
|
||||
name="clear"
|
||||
class="cursor-pointer"
|
||||
@click="search = ''"
|
||||
/>
|
||||
</template>
|
||||
</q-input>
|
||||
</toolbar>
|
||||
<q-drawer
|
||||
v-model="$state.rightDrawerOpen"
|
||||
content-class="bg-grey-2"
|
||||
side="right"
|
||||
elevated>
|
||||
<div class="q-pa-md">
|
||||
|
|
@ -238,6 +259,7 @@
|
|||
</style>
|
||||
|
||||
<script>
|
||||
import Page from 'components/Page'
|
||||
import { date } from 'quasar'
|
||||
import axios from 'axios'
|
||||
|
||||
|
|
@ -245,10 +267,11 @@ const CancelToken = axios.CancelToken
|
|||
|
||||
export default {
|
||||
name: 'Catalog',
|
||||
mixins: [Page],
|
||||
data () {
|
||||
return {
|
||||
uid: 0,
|
||||
search: null,
|
||||
search: '',
|
||||
date: date.formatDate(new Date(), 'YYYY/MM/DD'),
|
||||
category: null,
|
||||
categories: [],
|
||||
|
|
@ -296,6 +319,9 @@ export default {
|
|||
]
|
||||
}
|
||||
},
|
||||
created () {
|
||||
this.$state.useRightDrawer = true
|
||||
},
|
||||
mounted () {
|
||||
this.$axios.get('ItemCategories')
|
||||
.then(res => (this.categories = res.data))
|
||||
|
|
@ -333,7 +359,7 @@ export default {
|
|||
.then(res => (this.orgTypes = res.data))
|
||||
}
|
||||
},
|
||||
'$state.search': function (value) {
|
||||
search (value) {
|
||||
let location = { params: this.$route.params }
|
||||
if (value) location.query = { search: value }
|
||||
this.$router.push(location)
|
||||
|
|
@ -349,7 +375,6 @@ export default {
|
|||
this.category = category
|
||||
this.typeId = category ? type : null
|
||||
this.search = route.query.search || ''
|
||||
this.$state.search = this.search
|
||||
this.tags = []
|
||||
|
||||
this.refreshTitle()
|
||||
|
|
@ -513,9 +538,6 @@ export default {
|
|||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
filters: {
|
||||
currency: i => i ? i.toFixed(2) + '€' : i
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1,10 +1,6 @@
|
|||
<template>
|
||||
<div class="q-pa-md row justify-center q-gutter-md">
|
||||
<q-card>
|
||||
<q-card-section>
|
||||
{{$t('conditionsDesc')}}
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
<div class="text-subtitle1 text-center text-grey-7 q-pa-lg">
|
||||
Sorry this section is under construction
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,22 +1,32 @@
|
|||
<template>
|
||||
<div class="my-list q-pa-md">
|
||||
<q-card>
|
||||
<q-card-section>
|
||||
<q-select v-model="yearFilter" :options="years" :label="$t('ordersMadeAt')" />
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
<q-card class="q-mt-md">
|
||||
<div class="vn-pp row justify-center">
|
||||
<toolbar>
|
||||
<q-select
|
||||
v-model="yearFilter"
|
||||
:options="years"
|
||||
:label="$t('ordersMadeAt')"
|
||||
style="min-width: 12em;"
|
||||
dark
|
||||
dense
|
||||
standout/>
|
||||
</toolbar>
|
||||
<div
|
||||
v-if="tickets && !tickets.length"
|
||||
class="text-subtitle1 text-center text-grey-7 q-pa-md">
|
||||
{{$t('noOrdersFound')}}
|
||||
</div>
|
||||
<q-card
|
||||
v-if="tickets && tickets.length"
|
||||
class="vn-w-md">
|
||||
<q-list bordered separator>
|
||||
<q-item v-if="!tickets.length">
|
||||
{{$t('noOrdersFound')}}
|
||||
</q-item>
|
||||
<q-item
|
||||
v-for="ticket in tickets"
|
||||
:key="ticket.id"
|
||||
:to="`/ticket/${ticket.id}`"
|
||||
clickable
|
||||
v-ripple>
|
||||
<q-item-section>
|
||||
<q-item-label>{{formatDate(ticket.landed)}}</q-item-label>
|
||||
<q-item-label>{{ticket.landed | date('ddd, MMMM Do')}}</q-item-label>
|
||||
<q-item-label caption>#{{ticket.id}}</q-item-label>
|
||||
<q-item-label caption>{{ticket.address.nickname}}</q-item-label>
|
||||
<q-item-label caption>{{ticket.address.city}}</q-item-label>
|
||||
|
|
@ -39,23 +49,17 @@
|
|||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
.my-list
|
||||
max-width 30em
|
||||
margin auto
|
||||
</style>
|
||||
|
||||
<script>
|
||||
|
||||
import { date } from 'quasar'
|
||||
import Page from 'components/Page'
|
||||
|
||||
export default {
|
||||
name: 'Orders',
|
||||
mixins: [Page],
|
||||
data () {
|
||||
return {
|
||||
yearFilter: null,
|
||||
years: [],
|
||||
tickets: []
|
||||
tickets: null
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
|
|
@ -87,11 +91,6 @@ export default {
|
|||
this.$axios.get('Tickets', { params })
|
||||
.then(res => (this.tickets = res.data))
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
formatDate (value) {
|
||||
return date.formatDate(value, 'ddd, MMMM Do', this.$t('date'))
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,211 @@
|
|||
<template>
|
||||
<div class="vn-pp row justify-center">
|
||||
<toolbar>
|
||||
<div class="row">
|
||||
<q-badge
|
||||
v-if="count != null"
|
||||
class="text-subtitle1 q-mr-sm"
|
||||
color="secondary">
|
||||
{{$t('nConnections', [count])}}
|
||||
</q-badge>
|
||||
</div>
|
||||
</toolbar>
|
||||
<q-drawer
|
||||
v-model="$state.rightDrawerOpen"
|
||||
side="right"
|
||||
elevated>
|
||||
<div class="q-pa-md">
|
||||
<q-select
|
||||
:label="$t('refreshRate')"
|
||||
v-model="rate"
|
||||
:options="rates"
|
||||
@input="setTimeout"
|
||||
emit-value>
|
||||
<template v-slot:prepend>
|
||||
<q-icon name="timer"/>
|
||||
</template>
|
||||
</q-select>
|
||||
<q-select
|
||||
:label="$t('orderBy')"
|
||||
v-model="order"
|
||||
:options="orderOptions"
|
||||
@input="refresh"
|
||||
emit-value>
|
||||
<template v-slot:prepend>
|
||||
<q-icon name="sort"/>
|
||||
</template>
|
||||
</q-select>
|
||||
</div>
|
||||
</q-drawer>
|
||||
<div>
|
||||
<div
|
||||
v-if="connections && !connections.length"
|
||||
class="text-subtitle1 text-center text-grey-7 q-pa-md">
|
||||
{{$t('noDataFound')}}
|
||||
</div>
|
||||
<q-infinite-scroll
|
||||
ref="scroll"
|
||||
@load="onLoad"
|
||||
scroll-taget="html"
|
||||
:offset="500">
|
||||
<q-card class="vn-w-md">
|
||||
<q-list bordered separator>
|
||||
<q-item
|
||||
v-for="conn in connections"
|
||||
:key="conn.id"
|
||||
:to="`/access-log/${conn.userVisit.user.id}`"
|
||||
:title="$t('accessLog')"
|
||||
clickable>
|
||||
<q-item-section>
|
||||
<q-item-label>
|
||||
{{conn.userVisit.user.nickname}}
|
||||
</q-item-label>
|
||||
<q-item-label caption>
|
||||
{{conn.lastUpdate | relTime}}
|
||||
</q-item-label>
|
||||
<q-item-label caption>
|
||||
{{conn.userVisit.access.agent.platform}} -
|
||||
{{conn.userVisit.access.agent.browser}}
|
||||
{{conn.userVisit.access.agent.version}}
|
||||
</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-card>
|
||||
<template slot="loading">
|
||||
<div class="row justify-center q-my-md">
|
||||
<q-spinner color="primary" name="dots" size="40px" />
|
||||
</div>
|
||||
</template>
|
||||
</q-infinite-scroll>
|
||||
</div>
|
||||
<q-page-sticky position="bottom-right" :offset="[18, 18]">
|
||||
<q-btn
|
||||
fab
|
||||
icon="refresh"
|
||||
color="accent"
|
||||
@click="refresh"
|
||||
:title="$t('refresh')"
|
||||
/>
|
||||
</q-page-sticky>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Page from 'components/Page'
|
||||
|
||||
export default {
|
||||
name: 'Connections',
|
||||
mixins: [Page],
|
||||
data () {
|
||||
return {
|
||||
connections: null,
|
||||
pageSize: 30,
|
||||
limit: 0,
|
||||
rate: 5,
|
||||
count: null,
|
||||
rates: [
|
||||
{
|
||||
label: this.$t('dontRefresh'),
|
||||
value: null
|
||||
}
|
||||
],
|
||||
order: 'lastUpdate DESC',
|
||||
orderOptions: [
|
||||
{
|
||||
label: this.$t('lastAction'),
|
||||
value: 'lastUpdate DESC'
|
||||
}, {
|
||||
label: this.$t('sessionInit'),
|
||||
value: 'created DESC'
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
created () {
|
||||
this.$state.useRightDrawer = true
|
||||
},
|
||||
mounted () {
|
||||
let seconds = [1, 2, 5, 10, 30]
|
||||
for (let secs of seconds) {
|
||||
this.rates.push({
|
||||
label: this.$t('nSeconds', [secs]),
|
||||
value: secs
|
||||
})
|
||||
}
|
||||
},
|
||||
beforeDestroy () {
|
||||
this.clearTimeout()
|
||||
},
|
||||
methods: {
|
||||
onLoad (index, done) {
|
||||
this.limit = this.pageSize * index
|
||||
this.refresh()
|
||||
.then(() => {
|
||||
done(this.connections.length < this.limit)
|
||||
})
|
||||
.catch((err) => {
|
||||
done(true)
|
||||
throw err
|
||||
})
|
||||
},
|
||||
refresh () {
|
||||
this.clearTimeout()
|
||||
let where = { userVisitFk: { neq: null } }
|
||||
let filter = {
|
||||
fields: ['created', 'lastUpdate', 'userVisitFk'],
|
||||
order: this.order,
|
||||
limit: this.limit,
|
||||
where,
|
||||
include: {
|
||||
relation: 'userVisit',
|
||||
scope: {
|
||||
fields: ['accessFk', 'userFk'],
|
||||
include: [
|
||||
{
|
||||
relation: 'access',
|
||||
scope: {
|
||||
fields: ['agentFk'],
|
||||
include: {
|
||||
relation: 'agent',
|
||||
scope: {
|
||||
fields: [
|
||||
'platform',
|
||||
'browser',
|
||||
'version'
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
relation: 'user',
|
||||
scope: {
|
||||
fields: ['id', 'nickname']
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
return this.$axios.get(`UserSessions`, { params: { filter } })
|
||||
.then(res => (this.connections = res.data))
|
||||
.then(() => this.$axios.get(`UserSessions/count`, { params: { where } }))
|
||||
.then(res => (this.count = res.data.count))
|
||||
.finally(() => this.setTimeout())
|
||||
},
|
||||
setTimeout () {
|
||||
this.clearTimeout()
|
||||
if (this.rate) {
|
||||
this.timeout = setTimeout(
|
||||
() => this.refresh(), this.rate * 1000)
|
||||
}
|
||||
},
|
||||
clearTimeout () {
|
||||
if (this.timeout) {
|
||||
clearTimeout(this.timeout)
|
||||
this.timeout = null
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<template>
|
||||
<div class="text-subtitle1 text-center text-grey-7 q-pa-lg">
|
||||
Sorry this section is under construction
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
</style>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Images'
|
||||
}
|
||||
</script>
|
||||
|
|
@ -150,7 +150,7 @@ export default {
|
|||
}
|
||||
},
|
||||
mounted () {
|
||||
let params = { filter: { order: 'created DESC' } }
|
||||
let params = { filter: { order: 'priority, created DESC' } }
|
||||
this.$axios.get('News', { params })
|
||||
.then(res => (this.news = res.data))
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,14 @@
|
|||
<template>
|
||||
<div class="text-subtitle1 text-center text-grey-7 q-pa-lg">
|
||||
Sorry this section is under construction
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
</style>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Items'
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,284 @@
|
|||
<template>
|
||||
<div class="vn-pp row justify-center">
|
||||
<q-card class="vn-w-lg">
|
||||
<q-img
|
||||
:src="`${$imageBase}/news/full/${myNew.image}`"
|
||||
:ratio="16/4">
|
||||
<q-btn
|
||||
@click="editImage = true"
|
||||
:title="$t('edit')"
|
||||
icon="edit"
|
||||
round
|
||||
color="accent"
|
||||
class="absolute-bottom-right"
|
||||
style="bottom: .6em; right: .6em;"/>
|
||||
</q-img>
|
||||
<q-card-section>
|
||||
<q-input
|
||||
v-model="myNew.title"
|
||||
:label="$t('title')" />
|
||||
</q-card-section>
|
||||
<q-card-section>
|
||||
<div class="row">
|
||||
<q-select
|
||||
v-model="myNew.tag"
|
||||
:label="$t('tag')"
|
||||
:options="tags"
|
||||
option-value="name"
|
||||
option-label="name"
|
||||
emit-value
|
||||
class="col"/>
|
||||
<q-select
|
||||
v-model="myNew.priority"
|
||||
:label="$t('priority')"
|
||||
:options="priorities"
|
||||
class="col q-ml-md"/>
|
||||
</div>
|
||||
</q-card-section>
|
||||
<q-card-section>
|
||||
<q-editor
|
||||
v-model="myNew.text"
|
||||
min-height="20em"
|
||||
:toolbar="tools"/>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
<q-dialog v-model="editImage" persistent>
|
||||
<q-card style="width: 25em;">
|
||||
<q-card-section>
|
||||
<q-select
|
||||
v-model="image"
|
||||
:label="$t('image')"
|
||||
:options="images"
|
||||
@filter="filterImages"
|
||||
option-value="name"
|
||||
option-label="name"
|
||||
new-value-mode="add"
|
||||
@new-value="addImage"
|
||||
emit-value
|
||||
use-input
|
||||
hide-selected
|
||||
fill-input
|
||||
input-debounce="0">
|
||||
<template v-slot:option="scope">
|
||||
<q-item
|
||||
v-bind="scope.itemProps"
|
||||
v-on="scope.itemEvents">
|
||||
<q-item-section avatar>
|
||||
<q-avatar>
|
||||
<img :src="`${$imageBase}/${imageCollection}/200x200/${scope.opt.name}`">
|
||||
</q-avatar>
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label>{{scope.opt.name}}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</template>
|
||||
<template v-slot:prepend>
|
||||
<q-avatar>
|
||||
<img :src="`${$imageBase}/${imageCollection}/200x200/${image}`">
|
||||
</q-avatar>
|
||||
</template>
|
||||
<template v-slot:after>
|
||||
<q-btn
|
||||
icon="add_a_photo"
|
||||
@click="showUploader = !showUploader"
|
||||
:title="$t('edit')"
|
||||
:disable="!image"
|
||||
:color="showUploader ? 'primary' : null"
|
||||
flat
|
||||
round
|
||||
dense/>
|
||||
</template>
|
||||
</q-select>
|
||||
<q-slide-transition>
|
||||
<q-uploader
|
||||
ref="uploader"
|
||||
v-show="showUploader"
|
||||
:url="`${$apiBase}/Images/upload`"
|
||||
auto-upload
|
||||
class="q-mt-md"
|
||||
flat
|
||||
bordered/>
|
||||
</q-slide-transition>
|
||||
</q-card-section>
|
||||
<q-card-actions align="right">
|
||||
<q-btn
|
||||
:label="$t('cancel')"
|
||||
v-close-popup
|
||||
color="primary"
|
||||
flat/>
|
||||
<q-btn
|
||||
:label="$t('accept')"
|
||||
@click="onEditImage"
|
||||
color="primary"
|
||||
flat/>
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-dialog>
|
||||
<q-page-sticky position="bottom-right" :offset="[18, 18]">
|
||||
<q-btn
|
||||
:title="$t(id ? 'save' : 'create')"
|
||||
icon="check"
|
||||
color="accent"
|
||||
@click="onSave"
|
||||
fab/>
|
||||
</q-page-sticky>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Page from 'components/Page'
|
||||
|
||||
export default {
|
||||
name: 'New',
|
||||
mixins: [Page],
|
||||
data () {
|
||||
return {
|
||||
myNew: { text: '' },
|
||||
id: null,
|
||||
tags: null,
|
||||
priorities: [1, 2, 3],
|
||||
image: null,
|
||||
editImage: false,
|
||||
showUploader: false,
|
||||
imageCollection: 'news',
|
||||
images: [],
|
||||
tools: [
|
||||
['left', 'center', 'right', 'justify'],
|
||||
['bold', 'italic', 'underline', 'removeFormat'],
|
||||
['token', 'hr', 'link', 'custom_btn', 'print', 'fullscreen'],
|
||||
[
|
||||
{
|
||||
icon: this.$q.iconSet.editor.formatting,
|
||||
list: 'no-icons',
|
||||
options: [
|
||||
'p',
|
||||
'h1',
|
||||
'h2',
|
||||
'h3',
|
||||
'h4',
|
||||
'h5',
|
||||
'h6',
|
||||
'code'
|
||||
]
|
||||
}, {
|
||||
icon: this.$q.iconSet.editor.fontSize,
|
||||
fixedLabel: true,
|
||||
fixedIcon: true,
|
||||
list: 'no-icons',
|
||||
options: [
|
||||
'size-1',
|
||||
'size-2',
|
||||
'size-3',
|
||||
'size-4',
|
||||
'size-5',
|
||||
'size-6',
|
||||
'size-7'
|
||||
]
|
||||
}
|
||||
],
|
||||
['quote', 'unordered', 'ordered'],
|
||||
['undo', 'redo']
|
||||
]
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
let filter = {
|
||||
fields: ['name']
|
||||
}
|
||||
this.$axios.get('NewTags', { params: { filter } })
|
||||
.then(res => (this.tags = res.data))
|
||||
|
||||
this.loadNew()
|
||||
},
|
||||
watch: {
|
||||
'this.$route.params.id': function () {
|
||||
this.loadNew()
|
||||
},
|
||||
image () {
|
||||
this.showUploader = false
|
||||
},
|
||||
showUploader () {
|
||||
this.$refs.uploader.reset()
|
||||
},
|
||||
editImage () {
|
||||
if (this.editImage) {
|
||||
this.image = this.myNew.image
|
||||
} else {
|
||||
this.showUploader = false
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
loadNew () {
|
||||
this.id = this.$route.params.id
|
||||
this.new = { text: '' }
|
||||
|
||||
if (this.id) {
|
||||
let filter = {
|
||||
fields: [
|
||||
'id',
|
||||
'title',
|
||||
'text',
|
||||
'image',
|
||||
'userFk',
|
||||
'priority',
|
||||
'tag'
|
||||
]
|
||||
}
|
||||
this.$axios.get(`News/${this.id}`, { params: { filter } })
|
||||
.then(res => (this.myNew = res.data))
|
||||
} else {
|
||||
this.new = {
|
||||
userFk: this.$state.userId,
|
||||
tag: 'new',
|
||||
priority: 1,
|
||||
text: ''
|
||||
}
|
||||
}
|
||||
},
|
||||
onSave () {
|
||||
let promise
|
||||
let message
|
||||
|
||||
if (this.id) {
|
||||
promise = this.$axios.patch(`News/${this.id}`, this.myNew)
|
||||
message = 'dataSaved'
|
||||
} else {
|
||||
promise = this.$axios.post(`News`, this.myNew)
|
||||
message = 'createdSuccess'
|
||||
}
|
||||
|
||||
promise.then(res => {
|
||||
this.$q.notify({
|
||||
message: this.$t(message),
|
||||
icon: 'check',
|
||||
color: 'green-6'
|
||||
})
|
||||
this.$router.go(-1)
|
||||
})
|
||||
},
|
||||
filterImages (val, update, abort) {
|
||||
let filter = {
|
||||
where: {
|
||||
name: { like: `${val}%` },
|
||||
collectionFk: this.imageCollection
|
||||
},
|
||||
limit: !val ? 50 : undefined
|
||||
}
|
||||
this.$axios.get(`Images`, { params: { filter } })
|
||||
.then(res => {
|
||||
update(() => (this.images = res.data))
|
||||
})
|
||||
.catch(() => abort())
|
||||
},
|
||||
onEditImage () {
|
||||
this.myNew.image = this.image
|
||||
this.editImage = false
|
||||
},
|
||||
addImage (inputValue, doneFn) {
|
||||
console.log(inputValue)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,123 @@
|
|||
<template>
|
||||
<div class="vn-pp row justify-center">
|
||||
<div
|
||||
v-if="news && !news.length"
|
||||
class="text-subtitle1 text-center text-grey-7 q-pa-md">
|
||||
{{$t('noDataFound')}}
|
||||
</div>
|
||||
<q-card class="vn-w-md">
|
||||
<q-list bordered separator>
|
||||
<q-item
|
||||
v-for="(myNew, index) in news"
|
||||
:key="myNew.id"
|
||||
:to="`/new/${myNew.id}`"
|
||||
clickable
|
||||
v-ripple>
|
||||
<q-item-section avatar>
|
||||
<q-avatar rounded>
|
||||
<img :src="`${$imageBase}/news/200x200/${myNew.image}`">
|
||||
</q-avatar>
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label class="ellipsis">
|
||||
{{myNew.title}}
|
||||
</q-item-label>
|
||||
<q-item-label class="ellipsis" caption>
|
||||
{{myNew.created | relTime}}
|
||||
</q-item-label>
|
||||
<q-item-label class="ellipsis" caption>
|
||||
{{myNew.user.nickname}}
|
||||
</q-item-label>
|
||||
</q-item-section>
|
||||
<q-item-section side top>
|
||||
<q-btn
|
||||
icon="delete"
|
||||
@click="remove(index, $event)"
|
||||
:title="$t('delete')"
|
||||
size="12px"
|
||||
flat
|
||||
dense
|
||||
round/>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-card>
|
||||
<q-dialog v-model="confirm" persistent>
|
||||
<q-card>
|
||||
<q-card-section class="row items-center">
|
||||
{{$t('areYouSureDelete')}}
|
||||
</q-card-section>
|
||||
<q-card-actions align="right">
|
||||
<q-btn
|
||||
:label="$t('cancel')"
|
||||
v-close-popup
|
||||
flat
|
||||
color="primary"/>
|
||||
<q-btn
|
||||
:label="$t('accept')"
|
||||
@click="confirmDeletion(deleteIndex)"
|
||||
v-close-popup
|
||||
flat
|
||||
color="primary"/>
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-dialog>
|
||||
<q-page-sticky position="bottom-right" :offset="[18, 18]">
|
||||
<q-btn
|
||||
fab
|
||||
icon="add"
|
||||
color="accent"
|
||||
to="/new"
|
||||
:title="$t('add')"/>
|
||||
</q-page-sticky>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'News',
|
||||
data () {
|
||||
return {
|
||||
news: null,
|
||||
confirm: false
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
let filter = {
|
||||
fields: [
|
||||
'id',
|
||||
'title',
|
||||
'text',
|
||||
'image',
|
||||
'userFk',
|
||||
'created',
|
||||
'tag'
|
||||
],
|
||||
order: 'priority, created DESC',
|
||||
include: {
|
||||
relation: 'user',
|
||||
scope: {
|
||||
fields: ['nickname']
|
||||
}
|
||||
}
|
||||
}
|
||||
this.$axios.get('News', { params: { filter } })
|
||||
.then(res => (this.news = res.data))
|
||||
},
|
||||
methods: {
|
||||
remove (index, event) {
|
||||
event.preventDefault()
|
||||
event.stopPropagation()
|
||||
this.confirm = true
|
||||
this.deleteIndex = index
|
||||
},
|
||||
confirmDeletion (index) {
|
||||
this.$axios.delete(`News/${this.news[index].id}`)
|
||||
.then(res => {
|
||||
this.news.splice(index, 1)
|
||||
this.$q.notify(this.$t('removedSuccess'))
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<template>
|
||||
<div class="text-subtitle1 text-center text-grey-7 q-pa-lg">
|
||||
Sorry this section is under construction
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
</style>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Order'
|
||||
}
|
||||
</script>
|
||||
|
|
@ -7,15 +7,6 @@
|
|||
<q-route-tab to="/orders/confirmed" icon="check" :label="$t('confirmed')" />
|
||||
</q-tabs>
|
||||
<router-view></router-view>
|
||||
<q-page-sticky position="bottom-right" :offset="[18, 18]">
|
||||
<q-btn
|
||||
fab
|
||||
icon="add_shopping_cart"
|
||||
color="accent"
|
||||
:to="{name: 'catalog'}"
|
||||
:title="$t('startOrder')"
|
||||
/>
|
||||
</q-page-sticky>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
@ -24,7 +15,9 @@
|
|||
export default {
|
||||
name: 'Orders',
|
||||
mounted () {
|
||||
this.$router.replace('/orders/pending')
|
||||
if (this.$route.path === '/orders') {
|
||||
this.$router.replace('/orders/pending')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,53 @@
|
|||
<template>
|
||||
<div class="vn-pp row justify-center">
|
||||
<q-card class="vn-w-md">
|
||||
<q-list bordered>
|
||||
<a
|
||||
v-for="link in links"
|
||||
:key="link.id"
|
||||
:href="link.link">
|
||||
<q-item clickable>
|
||||
<q-item-section avatar>
|
||||
<q-avatar square>
|
||||
<img :src="`${$imageBase}/link/full/${link.image}`">
|
||||
</q-avatar>
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label>{{link.name}}</q-item-label>
|
||||
<q-item-label caption>{{link.description}}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-separator/>
|
||||
</a>
|
||||
</q-list>
|
||||
</q-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
a
|
||||
display block
|
||||
text-decoration inherit
|
||||
color: inherit
|
||||
</style>
|
||||
|
||||
<script>
|
||||
import Page from 'components/Page'
|
||||
|
||||
export default {
|
||||
name: 'Panel',
|
||||
mixins: [Page],
|
||||
data () {
|
||||
return {
|
||||
links: []
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
let filter = {
|
||||
order: 'name'
|
||||
}
|
||||
this.$axios.get('Links', { params: { filter } })
|
||||
.then(res => (this.links = res.data))
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -1,17 +1,22 @@
|
|||
<template>
|
||||
<div class="my-list q-pa-md">
|
||||
<q-card>
|
||||
<div class="vn-pp row justify-center">
|
||||
<div
|
||||
v-if="orders && !orders.length"
|
||||
class="text-subtitle1 text-center text-grey-7 q-pa-md">
|
||||
{{$t('noOrdersFound')}}
|
||||
</div>
|
||||
<q-card
|
||||
v-if="orders && orders.length"
|
||||
class="vn-w-md">
|
||||
<q-list bordered separator>
|
||||
<q-item v-if="!orders.length">
|
||||
{{$t('noOrdersFound')}}
|
||||
</q-item>
|
||||
<q-item
|
||||
v-for="order in orders"
|
||||
:key="order.id"
|
||||
:to="`/order/${order.id}`"
|
||||
clickable
|
||||
v-ripple>
|
||||
<q-item-section>
|
||||
<q-item-label>{{formatDate(order.landed)}}</q-item-label>
|
||||
<q-item-label>{{order.landed | date('ddd, MMMM Do')}}</q-item-label>
|
||||
<q-item-label caption>#{{order.id}}</q-item-label>
|
||||
<q-item-label caption>{{order.address.nickname}}</q-item-label>
|
||||
<q-item-label caption>{{order.address.city}}</q-item-label>
|
||||
|
|
@ -22,24 +27,24 @@
|
|||
</q-item>
|
||||
</q-list>
|
||||
</q-card>
|
||||
<q-page-sticky position="bottom-right" :offset="[18, 18]">
|
||||
<q-btn
|
||||
fab
|
||||
icon="add_shopping_cart"
|
||||
color="accent"
|
||||
:to="{name: 'catalog'}"
|
||||
:title="$t('startOrder')"
|
||||
/>
|
||||
</q-page-sticky>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
.my-list
|
||||
max-width 30em
|
||||
margin auto
|
||||
</style>
|
||||
|
||||
<script>
|
||||
|
||||
import { date } from 'quasar'
|
||||
|
||||
export default {
|
||||
name: 'Orders',
|
||||
data () {
|
||||
return {
|
||||
orders: []
|
||||
orders: null
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
|
|
@ -54,11 +59,6 @@ export default {
|
|||
} }
|
||||
this.$axios.get('Orders', { params })
|
||||
.then(res => (this.orders = res.data))
|
||||
},
|
||||
methods: {
|
||||
formatDate (value) {
|
||||
return date.formatDate(value, 'ddd, MMMM Do', this.$t('date'))
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,14 @@
|
|||
<template>
|
||||
<div class="text-subtitle1 text-center text-grey-7 q-pa-lg">
|
||||
Sorry this section is under construction
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
</style>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Ticket'
|
||||
}
|
||||
</script>
|
||||
|
|
@ -1,5 +1,12 @@
|
|||
<template>
|
||||
<div class="vn-pp row justify-center">
|
||||
<toolbar>
|
||||
<q-btn
|
||||
:label="$t('changePassword')"
|
||||
icon="vpn_key"
|
||||
:to="{ query: { changePassword: true } }"
|
||||
flat/>
|
||||
</toolbar>
|
||||
<q-card class="vn-w-md">
|
||||
<q-card-section class="q-gutter-md">
|
||||
<q-input
|
||||
|
|
@ -18,16 +25,15 @@
|
|||
v-model="user.lang"
|
||||
:label="$t('language')"
|
||||
:options="languages"
|
||||
option-value="id"
|
||||
option-label="name" />
|
||||
option-value="code"
|
||||
option-label="name"
|
||||
emit-value/>
|
||||
</q-card-section>
|
||||
<q-card-section class="q-gutter-md">
|
||||
<q-checkbox v-model="receiveInvoices" :label="$t('receiveInvoiceByEmail')" />
|
||||
<q-checkbox
|
||||
v-model="receiveInvoices"
|
||||
:label="$t('receiveInvoiceByEmail')" />
|
||||
</q-card-section>
|
||||
<q-card-actions class="justify-center">
|
||||
<q-btn flat :label="$t('changePassword')" :to="{ query: { changePassword: true } }"/>
|
||||
<q-btn flat :label="$t('save')" @click="onSave"/>
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
<q-dialog v-model="changePassword" persistent>
|
||||
<q-card style="width: 25em;">
|
||||
|
|
@ -72,7 +78,7 @@
|
|||
<q-card-actions align="right">
|
||||
<q-btn
|
||||
:label="$t('cancel')"
|
||||
to="/config"
|
||||
to="/user"
|
||||
flat
|
||||
color="primary"/>
|
||||
<q-btn
|
||||
|
|
@ -83,15 +89,23 @@
|
|||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-dialog>
|
||||
<q-page-sticky position="bottom-right" :offset="[18, 18]">
|
||||
<q-btn
|
||||
:title="$t('save')"
|
||||
icon="check"
|
||||
color="accent"
|
||||
@click="onSave"
|
||||
fab/>
|
||||
</q-page-sticky>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
</style>
|
||||
|
||||
<script>
|
||||
import Page from 'components/Page'
|
||||
|
||||
export default {
|
||||
name: 'Config',
|
||||
name: 'User',
|
||||
mixins: [Page],
|
||||
props: {
|
||||
changePassword: {
|
||||
type: Boolean,
|
||||
|
|
@ -148,16 +162,24 @@ export default {
|
|||
},
|
||||
methods: {
|
||||
onChangePassword: function () {
|
||||
this.$q.notify(this.$t('passwordChanged'))
|
||||
this.$router.push('/config')
|
||||
|
||||
this.oldPassword = ''
|
||||
this.newPassword = ''
|
||||
this.repeatPassword = ''
|
||||
|
||||
this.$router.push({})
|
||||
this.$q.notify({
|
||||
message: this.$t('passwordChanged'),
|
||||
icon: 'check',
|
||||
color: 'green-6'
|
||||
})
|
||||
},
|
||||
onSave () {
|
||||
this.$axios.patch(`Accounts/${this.$state.userId}`, this.user)
|
||||
.then(res => (this.$q.notify(this.$t('dataSaved'))))
|
||||
.then(res => (this.$q.notify({
|
||||
message: this.$t('dataSaved'),
|
||||
icon: 'check',
|
||||
color: 'green-6'
|
||||
})))
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,115 @@
|
|||
<template>
|
||||
<div class="vn-pp row justify-center">
|
||||
<toolbar>
|
||||
<q-input
|
||||
v-model="search"
|
||||
debounce="500"
|
||||
class="q-mr-sm"
|
||||
dark
|
||||
dense
|
||||
standout>
|
||||
<template v-slot:append>
|
||||
<q-icon
|
||||
v-if="search === ''"
|
||||
name="search"
|
||||
/>
|
||||
<q-icon
|
||||
v-else
|
||||
name="clear"
|
||||
class="cursor-pointer"
|
||||
@click="search = ''"
|
||||
/>
|
||||
</template>
|
||||
</q-input>
|
||||
</toolbar>
|
||||
<div>
|
||||
<div
|
||||
v-if="!users || !users.length"
|
||||
class="text-subtitle1 text-center text-grey-7 q-pa-md">
|
||||
<span v-if="!users">
|
||||
{{$t('setSearchFilter')}}
|
||||
</span>
|
||||
<span v-else>
|
||||
{{$t('noDataFound')}}
|
||||
</span>
|
||||
</div>
|
||||
<q-card class="vn-w-md">
|
||||
<q-list bordered separator>
|
||||
<q-item
|
||||
v-for="user in users"
|
||||
:key="user.id"
|
||||
:to="`/access-log/${user.id}`"
|
||||
:title="$t('accessLog')"
|
||||
clickable>
|
||||
<q-item-section>
|
||||
<q-item-label>{{user.nickname}}</q-item-label>
|
||||
<q-item-label caption>#{{user.id}}</q-item-label>
|
||||
<q-item-label caption>{{user.name}}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-card>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
</style>
|
||||
|
||||
<script>
|
||||
import Page from 'components/Page'
|
||||
|
||||
export default {
|
||||
name: 'Users',
|
||||
mixins: [Page],
|
||||
data () {
|
||||
return {
|
||||
users: null,
|
||||
search: ''
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
this.onRouteChange(this.$route)
|
||||
},
|
||||
beforeRouteUpdate (to, from, next) {
|
||||
this.onRouteChange(to)
|
||||
next()
|
||||
},
|
||||
watch: {
|
||||
search (value) {
|
||||
let location = {}
|
||||
if (value) location.query = { search: value }
|
||||
this.$router.push(location)
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onRouteChange (route) {
|
||||
this.users = null
|
||||
this.search = route.query.search || ''
|
||||
if (!this.search) return
|
||||
|
||||
let where = {}
|
||||
|
||||
if (/^[0-9]+$/.test(this.search)) {
|
||||
where.id = this.search
|
||||
} else {
|
||||
where = {
|
||||
or: [
|
||||
{ name: { like: `%${this.search}%` } },
|
||||
{ nickname: { like: `%${this.search}%` } }
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
let filter = {
|
||||
fields: ['id', 'nickname', 'name', 'active'],
|
||||
order: 'name',
|
||||
limit: 25,
|
||||
where
|
||||
}
|
||||
this.$axios.get('Accounts', { params: { filter } })
|
||||
.then(res => (this.users = res.data))
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,144 @@
|
|||
<template>
|
||||
<div class="vn-pp row justify-center">
|
||||
<toolbar>
|
||||
<q-badge
|
||||
v-if="count != null"
|
||||
class="text-subtitle1 q-mr-sm"
|
||||
color="secondary">
|
||||
{{$t('visitsCount', [count, newCount])}}
|
||||
</q-badge>
|
||||
</toolbar>
|
||||
<q-drawer
|
||||
v-model="$state.rightDrawerOpen"
|
||||
side="right"
|
||||
elevated>
|
||||
<div class="q-pa-md">
|
||||
<q-input
|
||||
:label="$t('fromDate')"
|
||||
v-model="from"
|
||||
:rules="['date']"
|
||||
mask="date">
|
||||
<template v-slot:append>
|
||||
<q-icon name="event" class="cursor-pointer">
|
||||
<q-popup-proxy ref="qDateProxyFrom" anchor="bottom left" self="top middle">
|
||||
<q-date
|
||||
v-model="from"
|
||||
@input="() => $refs.qDateProxyFrom.hide()"
|
||||
:options="optionsFn"/>
|
||||
</q-popup-proxy>
|
||||
</q-icon>
|
||||
</template>
|
||||
</q-input>
|
||||
<q-input
|
||||
:label="$t('toDate')"
|
||||
v-model="to"
|
||||
:rules="['date']"
|
||||
mask="date">
|
||||
<template v-slot:append>
|
||||
<q-icon name="event" class="cursor-pointer">
|
||||
<q-popup-proxy ref="qDateProxyTo" anchor="bottom left" self="top middle">
|
||||
<q-date
|
||||
v-model="to"
|
||||
@input="() => $refs.qDateProxyTo.hide()"
|
||||
:options="optionsFn"/>
|
||||
</q-popup-proxy>
|
||||
</q-icon>
|
||||
</template>
|
||||
</q-input>
|
||||
</div>
|
||||
</q-drawer>
|
||||
<div>
|
||||
<div
|
||||
v-if="visits && !visits.length"
|
||||
class="text-subtitle1 text-center text-grey-7 q-pa-md">
|
||||
{{$t('noDataFound')}}
|
||||
</div>
|
||||
<q-card class="vn-w-md">
|
||||
<q-list bordered separator>
|
||||
<q-item
|
||||
v-for="visit in visits"
|
||||
:key="visit.browser">
|
||||
<q-item-section>
|
||||
<q-item-label>
|
||||
{{visit.browser}} {{visit.minVersion}} - {{visit.maxVersion}}
|
||||
</q-item-label>
|
||||
<q-item-label caption>
|
||||
{{$t('visitsCount', [visit.visits, visit.newVisits])}}
|
||||
</q-item-label>
|
||||
<q-item-label caption>
|
||||
{{visit.lastVisit | relTime}}
|
||||
</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-card>
|
||||
</div>
|
||||
<q-page-sticky position="bottom-right" :offset="[18, 18]">
|
||||
<q-btn
|
||||
fab
|
||||
icon="refresh"
|
||||
color="accent"
|
||||
@click="refresh"
|
||||
:title="$t('refresh')"
|
||||
/>
|
||||
</q-page-sticky>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Page from 'components/Page'
|
||||
import { date } from 'quasar'
|
||||
|
||||
export default {
|
||||
name: 'Visits',
|
||||
mixins: [Page],
|
||||
data () {
|
||||
let today = date.formatDate(new Date(), 'YYYY/MM/DD')
|
||||
return {
|
||||
visits: null,
|
||||
from: today,
|
||||
to: today,
|
||||
count: null,
|
||||
newCount: null,
|
||||
today
|
||||
}
|
||||
},
|
||||
created () {
|
||||
this.$state.useRightDrawer = true
|
||||
},
|
||||
mounted () {
|
||||
this.refresh()
|
||||
},
|
||||
methods: {
|
||||
refresh () {
|
||||
let params = {
|
||||
from: new Date(this.from),
|
||||
to: new Date(this.to)
|
||||
}
|
||||
this.visits = null
|
||||
return this.$axios.get(`Visits/listByBrowser`, { params })
|
||||
.then(res => (this.visits = res.data))
|
||||
},
|
||||
optionsFn (date) {
|
||||
return date <= this.today
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
from () {
|
||||
this.refresh()
|
||||
},
|
||||
to () {
|
||||
this.refresh()
|
||||
},
|
||||
visits () {
|
||||
if (this.visits) {
|
||||
this.count = this.visits.reduce((a, i) => a + i.visits, 0)
|
||||
this.newCount = this.visits.reduce((a, i) => a + i.newVisits, 0)
|
||||
} else {
|
||||
this.count = null
|
||||
this.newCount = null
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -26,9 +26,11 @@ export default function (/* { store, ssrContext } */) {
|
|||
if (from.name === to.name) return
|
||||
let app = Router.app
|
||||
Object.assign(app.$state, {
|
||||
title: app.$t(to.name),
|
||||
title: app.$t(to.name || 'home'),
|
||||
titleColor: null,
|
||||
subtitle: null
|
||||
subtitle: null,
|
||||
useRightDrawer: false,
|
||||
rightDrawerOpen: true
|
||||
})
|
||||
})
|
||||
|
||||
|
|
|
|||
|
|
@ -22,13 +22,23 @@ const routes = [
|
|||
component: () => import('pages/Orders.vue'),
|
||||
children: [
|
||||
{
|
||||
name: 'pending',
|
||||
path: 'pending',
|
||||
component: () => import('pages/Pending.vue')
|
||||
}, {
|
||||
name: 'confirmed',
|
||||
path: 'confirmed',
|
||||
component: () => import('pages/Confirmed.vue')
|
||||
}
|
||||
]
|
||||
}, {
|
||||
name: 'order',
|
||||
path: '/order/:order',
|
||||
component: () => import('pages/Order.vue')
|
||||
}, {
|
||||
name: 'ticket',
|
||||
path: '/ticket/:ticket',
|
||||
component: () => import('pages/Ticket.vue')
|
||||
}, {
|
||||
name: 'conditions',
|
||||
path: '/conditions',
|
||||
|
|
@ -38,13 +48,52 @@ const routes = [
|
|||
path: '/about',
|
||||
component: () => import('pages/About.vue')
|
||||
}, {
|
||||
name: 'register',
|
||||
path: '/register',
|
||||
component: () => import('pages/Register.vue')
|
||||
name: 'admin',
|
||||
path: '/admin',
|
||||
component: () => import('pages/Admin.vue'),
|
||||
children: [
|
||||
{
|
||||
name: 'panel',
|
||||
path: 'panel',
|
||||
component: () => import('pages/Panel.vue')
|
||||
}, {
|
||||
name: 'users',
|
||||
path: 'users',
|
||||
component: () => import('pages/Users.vue')
|
||||
}, {
|
||||
name: 'connections',
|
||||
path: 'connections',
|
||||
component: () => import('pages/Connections.vue')
|
||||
}, {
|
||||
name: 'visits',
|
||||
path: 'visits',
|
||||
component: () => import('pages/Visits.vue')
|
||||
}, {
|
||||
name: 'news',
|
||||
path: 'news',
|
||||
component: () => import('pages/News.vue')
|
||||
}, {
|
||||
name: 'images',
|
||||
path: 'images',
|
||||
component: () => import('pages/Images.vue')
|
||||
}, {
|
||||
name: 'items',
|
||||
path: 'items',
|
||||
component: () => import('pages/Items.vue')
|
||||
}
|
||||
]
|
||||
}, {
|
||||
name: 'config',
|
||||
path: '/config',
|
||||
component: () => import('pages/Config.vue'),
|
||||
name: 'accessLog',
|
||||
path: '/access-log/:user',
|
||||
component: () => import('pages/AccessLog.vue')
|
||||
}, {
|
||||
name: 'newEdit',
|
||||
path: '/new/:id?',
|
||||
component: () => import('pages/New.vue')
|
||||
}, {
|
||||
name: 'user',
|
||||
path: '/user',
|
||||
component: () => import('pages/User.vue'),
|
||||
props: route => ({
|
||||
changePassword: String(route.query.changePassword) === 'true'
|
||||
})
|
||||
|
|
@ -54,8 +103,12 @@ const routes = [
|
|||
component: () => import('pages/Addresses.vue')
|
||||
}, {
|
||||
name: 'addressEdit',
|
||||
path: '/address/:address?',
|
||||
path: '/address/:id?',
|
||||
component: () => import('pages/Address.vue')
|
||||
}, {
|
||||
name: 'register',
|
||||
path: '/register',
|
||||
component: () => import('pages/Register.vue')
|
||||
}
|
||||
]
|
||||
}, {
|
||||
|
|
|
|||
Loading…
Reference in New Issue