- BottomPanel: q-toolbar, q-badge, q-checkbox, q-linear-progress, q-chip, q-btn - JobEditModal: q-dialog, q-card, q-input, q-select for all form fields - WoCreateModal: same q-dialog pattern, unified with edit modal - quasar.config: enable dark mode, brand colors, all needed components - Scoped styles in each component (no longer in parent CSS) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
98 lines
2.7 KiB
JavaScript
98 lines
2.7 KiB
JavaScript
/* eslint-env node */
|
|
const { configure } = require('quasar/wrappers')
|
|
|
|
module.exports = configure(function (ctx) {
|
|
return {
|
|
boot: ['pinia'],
|
|
|
|
css: ['app.scss'],
|
|
|
|
extras: ['roboto-font', 'material-icons'],
|
|
|
|
build: {
|
|
target: {
|
|
browser: ['es2019', 'edge88', 'firefox78', 'chrome87', 'safari13.1'],
|
|
node: 'node20',
|
|
},
|
|
vueRouterMode: 'hash',
|
|
// Base path = where the app is deployed under ERPNext
|
|
// Change this if you move the app to a different path
|
|
extendViteConf (viteConf) {
|
|
viteConf.base = '/assets/dispatch-app/'
|
|
},
|
|
},
|
|
|
|
devServer: {
|
|
open: false,
|
|
// Listen on all interfaces so the container port is reachable from the host
|
|
host: '0.0.0.0',
|
|
port: 9000,
|
|
proxy: {
|
|
// Proxy ERPNext API calls to the frontend container
|
|
// host.docker.internal resolves to the Docker host on Mac / Windows
|
|
'/api': {
|
|
target: 'http://host.docker.internal:8080',
|
|
changeOrigin: true,
|
|
cookieDomainRewrite: 'localhost',
|
|
},
|
|
'/assets': {
|
|
target: 'http://host.docker.internal:8080',
|
|
changeOrigin: true,
|
|
},
|
|
},
|
|
},
|
|
|
|
framework: {
|
|
config: {
|
|
dark: true,
|
|
brand: {
|
|
primary: '#6366f1',
|
|
secondary: '#10b981',
|
|
accent: '#f59e0b',
|
|
dark: '#0d0f18',
|
|
'dark-page': '#0d0f18',
|
|
positive: '#10b981',
|
|
negative: '#ef4444',
|
|
info: '#3b82f6',
|
|
warning: '#f59e0b',
|
|
},
|
|
},
|
|
plugins: ['Notify', 'Loading', 'LocalStorage', 'Dialog'],
|
|
components: [
|
|
'QTable', 'QTh', 'QTr', 'QTd', 'QCheckbox',
|
|
'QDialog', 'QCard', 'QCardSection', 'QCardActions',
|
|
'QDrawer', 'QMenu', 'QList', 'QItem', 'QItemSection', 'QItemLabel',
|
|
'QSplitter', 'QSeparator',
|
|
'QInput', 'QSelect', 'QBtn', 'QBtnGroup', 'QIcon',
|
|
'QBadge', 'QChip', 'QTooltip', 'QLinearProgress',
|
|
'QToolbar', 'QToolbarTitle', 'QSpace',
|
|
'QTab', 'QTabs', 'QTabPanels', 'QTabPanel',
|
|
],
|
|
},
|
|
|
|
animations: [],
|
|
|
|
pwa: {
|
|
workboxMode: 'generateSW',
|
|
injectPwaMetaTags: true,
|
|
swFilename: 'sw.js',
|
|
manifestFilename: 'manifest.json',
|
|
useCredentialForManifestTag: false,
|
|
workboxOptions: {
|
|
skipWaiting: true,
|
|
clientsClaim: true,
|
|
},
|
|
extendManifestJson (json) {
|
|
json.name = 'Dispatch'
|
|
json.short_name = 'Dispatch'
|
|
json.description = 'Dispatch & Field Service'
|
|
json.display = 'standalone'
|
|
json.orientation = 'portrait'
|
|
json.background_color = '#ffffff'
|
|
json.theme_color = '#6366f1'
|
|
json.start_url = '.'
|
|
},
|
|
},
|
|
}
|
|
})
|