Compare commits
13 Commits
83e85bf899
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
|
2dd819444e | ||
|
|
25f4701b54 | ||
|
|
66a3cc7cdb | ||
|
|
cdcacadb5f | ||
|
|
6d5d58581e | ||
|
|
675264f26a | ||
|
|
a5dda58555 | ||
|
|
b852f656d4 | ||
|
|
e0ef48f6fd | ||
|
|
fce8b9d4bb | ||
|
|
2552b8ad8f | ||
|
|
3fc01cc4f7 | ||
|
|
275d3df3f1 |
3
.gitignore
vendored
3
.gitignore
vendored
@@ -35,3 +35,6 @@ ui-kit/node_modules/
|
||||
*.sqlite3
|
||||
*.db
|
||||
/data/emails/
|
||||
|
||||
# Root JS deps
|
||||
node_modules/
|
||||
|
||||
30
Makefile
30
Makefile
@@ -1,20 +1,22 @@
|
||||
.PHONY: dev ui-build ui-dev css-build css-dev test db-reset fmt
|
||||
.PHONY: tw-build tw-watch htmx-copy flags-copy assets server test db-reset fmt
|
||||
|
||||
dev:
|
||||
tw-build:
|
||||
npm run tw:build
|
||||
|
||||
tw-watch:
|
||||
npm run tw:watch
|
||||
|
||||
htmx-copy:
|
||||
mkdir -p web/static/vendor && cp node_modules/htmx.org/dist/htmx.min.js web/static/vendor/htmx.min.js
|
||||
|
||||
flags-copy:
|
||||
mkdir -p web/static/vendor/flags && cp assets/flags/*.svg web/static/vendor/flags/
|
||||
|
||||
assets: htmx-copy flags-copy tw-build
|
||||
|
||||
server:
|
||||
go run ./cmd/server
|
||||
|
||||
ui-build:
|
||||
cd ui-kit && npm i && npm run build && npm run css:build
|
||||
|
||||
ui-dev:
|
||||
cd ui-kit && npm i && npm run dev
|
||||
|
||||
css-build:
|
||||
cd ui-kit && npm i && npm run css:build
|
||||
|
||||
css-dev:
|
||||
cd ui-kit && npm i && npm run css:dev
|
||||
|
||||
test:
|
||||
go test ./...
|
||||
|
||||
|
||||
90
README.md
90
README.md
@@ -1,14 +1,47 @@
|
||||
# GoFiber MVC Boilerplate
|
||||
|
||||
Boilerplate GoFiber MVC + HTMX + Svelte Custom Elements + GORM, con auth server-rendered, area private/admin e mail sink in sviluppo.
|
||||
Boilerplate GoFiber MVC + HTMX + Flowbite + GORM, con auth server-rendered, area private/admin e mail sink in sviluppo.
|
||||
|
||||
## Setup Assets + Server
|
||||
|
||||
Terminale 1:
|
||||
|
||||
```bash
|
||||
npm i
|
||||
make assets
|
||||
make tw-watch
|
||||
```
|
||||
|
||||
Terminale 2:
|
||||
|
||||
```bash
|
||||
make server
|
||||
```
|
||||
|
||||
Admin SPA (Quasar):
|
||||
- il backend serve `quasar/admin_section/dist/spa` sotto `/admin` (protetto da auth + ruolo admin)
|
||||
- build frontend admin: `cd quasar/admin_section && npm i && npm run build`
|
||||
|
||||
Private SPA (Quasar):
|
||||
- il backend serve `quasar/private_section/dist/spa` sotto `/private` (protetto da auth)
|
||||
- build frontend private: `cd quasar/private_section && npm i && npm run build`
|
||||
|
||||
`make assets` esegue:
|
||||
- copia di `node_modules/flowbite/dist/flowbite.min.js` in `web/static/vendor/flowbite.js`
|
||||
- build Tailwind in `web/static/css/app.css`
|
||||
|
||||
Dark mode globale:
|
||||
- toggle nel footer su tutte le pagine
|
||||
- preferenza persistente in `localStorage` con chiave `theme` (`dark`/`light`)
|
||||
- fallback automatico a `prefers-color-scheme` quando non c'e una preferenza salvata
|
||||
|
||||
## Quickstart SQLite
|
||||
|
||||
```bash
|
||||
cp .env.example .env
|
||||
make css-build
|
||||
make ui-build
|
||||
make dev
|
||||
npm i
|
||||
make assets
|
||||
make server
|
||||
```
|
||||
|
||||
Default SQLite path: `./data/app.sqlite3`.
|
||||
@@ -37,32 +70,11 @@ DB_PG_DSN=postgres://trustcontact:trustcontact@localhost:5432/trustcontact?sslmo
|
||||
|
||||
`DB_POSTGRES_DSN` è comunque supportato.
|
||||
|
||||
## Tailwind + UI Kit
|
||||
|
||||
Tailwind (template server-rendered) compila in `web/static/css/app.css`.
|
||||
|
||||
UI kit (Svelte custom elements) compila in `web/static/ui`.
|
||||
|
||||
Comandi:
|
||||
|
||||
```bash
|
||||
make css-build # build tailwind
|
||||
make css-dev # watch tailwind
|
||||
make ui-build # build ui-kit + css tailwind
|
||||
make ui-dev # vite dev server ui-kit
|
||||
```
|
||||
|
||||
Layout include:
|
||||
|
||||
- `/static/css/app.css?v={{.BuildHash}}`
|
||||
- `/static/ui/ui.css?v={{.BuildHash}}`
|
||||
- `/static/ui/ui.esm.js?v={{.BuildHash}}`
|
||||
|
||||
## Template Directories
|
||||
|
||||
- Public: `web/templates/public`
|
||||
- Private: `web/templates/private`
|
||||
- Admin: `web/templates/admin`
|
||||
- Private: `quasar/private_section/dist/spa` (SPA servita da Go sotto `/private`)
|
||||
- Admin: `quasar/admin_section/dist/spa` (SPA servita da Go sotto `/admin`)
|
||||
|
||||
## Email in Develop
|
||||
|
||||
@@ -70,11 +82,25 @@ In `develop`, le email vengono salvate in `./data/emails`.
|
||||
|
||||
## Make Targets
|
||||
|
||||
- `make dev` -> `go run ./cmd/server`
|
||||
- `make ui-build` -> install + build ui-kit + build css tailwind
|
||||
- `make ui-dev` -> watch UI con Vite
|
||||
- `make css-build` -> build Tailwind CSS
|
||||
- `make css-dev` -> watch Tailwind CSS
|
||||
- `make tw-build` -> build Tailwind CSS
|
||||
- `make tw-watch` -> watch Tailwind CSS
|
||||
- `make flowbite-copy` -> copia `node_modules/flowbite/dist/flowbite.min.js` in `web/static/vendor/flowbite.js`
|
||||
- `make assets` -> `flowbite-copy` + `tw-build`
|
||||
- `make server` -> `go run ./cmd/server`
|
||||
- `make test` -> `go test ./...`
|
||||
- `make db-reset` -> reset DB sqlite locale (`./data/app.db` / `./data/app.sqlite3`)
|
||||
- `make fmt` -> `gofmt` su `cmd/` e `internal/`
|
||||
# Third-Party Notices
|
||||
|
||||
This project uses third-party software distributed under the MIT License.
|
||||
|
||||
## Flowbite
|
||||
- Package: `flowbite`
|
||||
- License: MIT
|
||||
- Upstream: https://github.com/themesberg/flowbite
|
||||
- Full text: `licenses/FLOWBITE-MIT.txt`
|
||||
|
||||
## Tailwind CSS
|
||||
- Packages: `tailwindcss`, `@tailwindcss/cli`
|
||||
- License: MIT
|
||||
- Upstream: https://github.com/tailwindlabs/tailwindcss
|
||||
|
||||
5
assets/flags/ch.svg
Normal file
5
assets/flags/ch.svg
Normal file
@@ -0,0 +1,5 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" role="img" aria-label="Swiss flag">
|
||||
<rect width="32" height="32" fill="#d52b1e"/>
|
||||
<rect x="13" y="6" width="6" height="20" fill="#ffffff"/>
|
||||
<rect x="6" y="13" width="20" height="6" fill="#ffffff"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 271 B |
5
assets/flags/de.svg
Normal file
5
assets/flags/de.svg
Normal file
@@ -0,0 +1,5 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 32" role="img" aria-label="German flag">
|
||||
<rect width="48" height="10.67" x="0" y="0" fill="#000000"/>
|
||||
<rect width="48" height="10.67" x="0" y="10.67" fill="#dd0000"/>
|
||||
<rect width="48" height="10.66" x="0" y="21.34" fill="#ffce00"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 301 B |
9
assets/flags/en.svg
Normal file
9
assets/flags/en.svg
Normal file
@@ -0,0 +1,9 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 32" role="img" aria-label="English flag">
|
||||
<rect width="48" height="32" fill="#012169"/>
|
||||
<path d="M0 0 48 32M48 0 0 32" stroke="#ffffff" stroke-width="6"/>
|
||||
<path d="M0 0 48 32M48 0 0 32" stroke="#c8102e" stroke-width="3"/>
|
||||
<rect x="20" y="0" width="8" height="32" fill="#ffffff"/>
|
||||
<rect x="0" y="12" width="48" height="8" fill="#ffffff"/>
|
||||
<rect x="22" y="0" width="4" height="32" fill="#c8102e"/>
|
||||
<rect x="0" y="14" width="48" height="4" fill="#c8102e"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 531 B |
53
assets/flags/en_us.svg
Normal file
53
assets/flags/en_us.svg
Normal file
@@ -0,0 +1,53 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 32" role="img" aria-label="United States flag">
|
||||
<rect width="48" height="32" fill="#b22234"/>
|
||||
<g fill="#ffffff">
|
||||
<rect y="2.46" width="48" height="2.46"/>
|
||||
<rect y="7.38" width="48" height="2.46"/>
|
||||
<rect y="12.30" width="48" height="2.46"/>
|
||||
<rect y="17.22" width="48" height="2.46"/>
|
||||
<rect y="22.14" width="48" height="2.46"/>
|
||||
<rect y="27.06" width="48" height="2.46"/>
|
||||
</g>
|
||||
<rect width="20" height="17.23" fill="#3c3b6e"/>
|
||||
<g fill="#ffffff">
|
||||
<circle cx="2.2" cy="2.2" r="0.7"/>
|
||||
<circle cx="5.4" cy="2.2" r="0.7"/>
|
||||
<circle cx="8.6" cy="2.2" r="0.7"/>
|
||||
<circle cx="11.8" cy="2.2" r="0.7"/>
|
||||
<circle cx="15.0" cy="2.2" r="0.7"/>
|
||||
<circle cx="18.2" cy="2.2" r="0.7"/>
|
||||
<circle cx="3.8" cy="4.4" r="0.7"/>
|
||||
<circle cx="7.0" cy="4.4" r="0.7"/>
|
||||
<circle cx="10.2" cy="4.4" r="0.7"/>
|
||||
<circle cx="13.4" cy="4.4" r="0.7"/>
|
||||
<circle cx="16.6" cy="4.4" r="0.7"/>
|
||||
<circle cx="2.2" cy="6.6" r="0.7"/>
|
||||
<circle cx="5.4" cy="6.6" r="0.7"/>
|
||||
<circle cx="8.6" cy="6.6" r="0.7"/>
|
||||
<circle cx="11.8" cy="6.6" r="0.7"/>
|
||||
<circle cx="15.0" cy="6.6" r="0.7"/>
|
||||
<circle cx="18.2" cy="6.6" r="0.7"/>
|
||||
<circle cx="3.8" cy="8.8" r="0.7"/>
|
||||
<circle cx="7.0" cy="8.8" r="0.7"/>
|
||||
<circle cx="10.2" cy="8.8" r="0.7"/>
|
||||
<circle cx="13.4" cy="8.8" r="0.7"/>
|
||||
<circle cx="16.6" cy="8.8" r="0.7"/>
|
||||
<circle cx="2.2" cy="11" r="0.7"/>
|
||||
<circle cx="5.4" cy="11" r="0.7"/>
|
||||
<circle cx="8.6" cy="11" r="0.7"/>
|
||||
<circle cx="11.8" cy="11" r="0.7"/>
|
||||
<circle cx="15.0" cy="11" r="0.7"/>
|
||||
<circle cx="18.2" cy="11" r="0.7"/>
|
||||
<circle cx="3.8" cy="13.2" r="0.7"/>
|
||||
<circle cx="7.0" cy="13.2" r="0.7"/>
|
||||
<circle cx="10.2" cy="13.2" r="0.7"/>
|
||||
<circle cx="13.4" cy="13.2" r="0.7"/>
|
||||
<circle cx="16.6" cy="13.2" r="0.7"/>
|
||||
<circle cx="2.2" cy="15.4" r="0.7"/>
|
||||
<circle cx="5.4" cy="15.4" r="0.7"/>
|
||||
<circle cx="8.6" cy="15.4" r="0.7"/>
|
||||
<circle cx="11.8" cy="15.4" r="0.7"/>
|
||||
<circle cx="15.0" cy="15.4" r="0.7"/>
|
||||
<circle cx="18.2" cy="15.4" r="0.7"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
5
assets/flags/fr.svg
Normal file
5
assets/flags/fr.svg
Normal file
@@ -0,0 +1,5 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 32" role="img" aria-label="French flag">
|
||||
<rect width="16" height="32" x="0" y="0" fill="#0055a4"/>
|
||||
<rect width="16" height="32" x="16" y="0" fill="#ffffff"/>
|
||||
<rect width="16" height="32" x="32" y="0" fill="#ef4135"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 286 B |
5
assets/flags/it.svg
Normal file
5
assets/flags/it.svg
Normal file
@@ -0,0 +1,5 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 32" role="img" aria-label="Italian flag">
|
||||
<rect width="16" height="32" x="0" y="0" fill="#009246"/>
|
||||
<rect width="16" height="32" x="16" y="0" fill="#ffffff"/>
|
||||
<rect width="16" height="32" x="32" y="0" fill="#ce2b37"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 287 B |
14
assets/tailwind/input.css
Normal file
14
assets/tailwind/input.css
Normal file
@@ -0,0 +1,14 @@
|
||||
@import "tailwindcss";
|
||||
@custom-variant dark (&:where(.dark, .dark *));
|
||||
|
||||
@layer utilities {
|
||||
.flag-lang {
|
||||
width: 32px;
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
.flag-lang-ch {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
}
|
||||
@@ -1,288 +0,0 @@
|
||||
# Progetto: GoFiber MVC + HTMX + Svelte UI Kit + GORM + AUTH + Role System + Template Separation
|
||||
|
||||
# OBIETTIVO
|
||||
|
||||
Implementare un progetto GoFiber MVC completo con:
|
||||
|
||||
- HTML server-rendered (html/template)
|
||||
- HTMX per partial HTML
|
||||
- Design System Svelte (Custom Elements)
|
||||
- GORM + SQLite/Postgres selezionabile via .env
|
||||
- Migrazioni + seed
|
||||
- CORS
|
||||
- AUTH completo (signup, login, logout, verify email, lost password, reset)
|
||||
- Email transactional (SMTP + file sink in develop)
|
||||
- Separazione template per:
|
||||
- public (pagine accessibili senza login)
|
||||
- private (solo utenti autenticati)
|
||||
- admin (solo utenti role=admin)
|
||||
|
||||
Architettura server-first. Nessuna SPA.
|
||||
|
||||
---
|
||||
|
||||
# TEMPLATE DIRECTORY STRUCTURE (OBBLIGATORIA)
|
||||
|
||||
Strutturare /web/templates così:
|
||||
|
||||
/web/templates/
|
||||
layout.html
|
||||
|
||||
/public/
|
||||
home.html
|
||||
login.html
|
||||
signup.html
|
||||
forgot_password.html
|
||||
reset_password.html
|
||||
verify_notice.html
|
||||
|
||||
/private/
|
||||
dashboard.html
|
||||
users/
|
||||
index.html
|
||||
_table.html
|
||||
_modal.html
|
||||
|
||||
/admin/
|
||||
dashboard.html
|
||||
users.html
|
||||
|
||||
Il layout deve essere unico e includere:
|
||||
- ui.css
|
||||
- htmx.min.js
|
||||
- ui.esm.js
|
||||
|
||||
---
|
||||
|
||||
# RUOLI UTENTE
|
||||
|
||||
Aggiungere campo Role nel model User:
|
||||
|
||||
- role string
|
||||
- "user" default
|
||||
- "admin"
|
||||
|
||||
Vincoli:
|
||||
- Solo admin può accedere a /admin/*
|
||||
- /private/* richiede autenticazione
|
||||
- /public/* accessibile a tutti
|
||||
|
||||
---
|
||||
|
||||
# ROUTING CON GRUPPI
|
||||
|
||||
Configurare in main.go:
|
||||
|
||||
Public routes:
|
||||
- GET /
|
||||
- GET /login
|
||||
- POST /login
|
||||
- GET /signup
|
||||
- POST /signup
|
||||
- GET /forgot-password
|
||||
- POST /forgot-password
|
||||
- GET /reset-password
|
||||
- POST /reset-password
|
||||
- GET /verify-email
|
||||
|
||||
Private group (RequireAuth middleware):
|
||||
- GET /dashboard
|
||||
- GET /users
|
||||
- GET /users/table
|
||||
- GET /users/:id/modal
|
||||
- POST /logout
|
||||
|
||||
Admin group (RequireAuth + RequireAdmin middleware):
|
||||
- GET /admin
|
||||
- GET /admin/users
|
||||
|
||||
---
|
||||
|
||||
# MIDDLEWARE
|
||||
|
||||
Implementare:
|
||||
|
||||
## RequireAuth
|
||||
- verifica sessione
|
||||
- se non autenticato → redirect /login
|
||||
|
||||
## RequireAdmin
|
||||
- verifica user.Role == "admin"
|
||||
- se non admin → 403 o redirect /dashboard
|
||||
|
||||
---
|
||||
|
||||
# DATABASE MODEL UPDATE
|
||||
|
||||
Aggiornare model User:
|
||||
|
||||
- ID uint
|
||||
- Email string unique
|
||||
- PasswordHash string
|
||||
- EmailVerified bool
|
||||
- Role string (default "user")
|
||||
- CreatedAt
|
||||
- UpdatedAt
|
||||
|
||||
Migrazioni devono includere nuovo campo Role.
|
||||
|
||||
Seed:
|
||||
- In develop creare:
|
||||
- admin@example.com (role=admin, email verified)
|
||||
- user@example.com (role=user, email verified)
|
||||
|
||||
Password default esempio: "password"
|
||||
|
||||
---
|
||||
|
||||
# AUTH REQUIREMENTS (RIEPILOGO)
|
||||
|
||||
Signup:
|
||||
- crea utente con role=user
|
||||
- EmailVerified=false
|
||||
- genera token verifica
|
||||
- invia email o salva in sink
|
||||
|
||||
Login:
|
||||
- verifica password
|
||||
- verifica EmailVerified
|
||||
- salva sessione con:
|
||||
- user_id
|
||||
- user_role
|
||||
|
||||
Logout:
|
||||
- distrugge sessione
|
||||
|
||||
Verify email:
|
||||
- valida token hash
|
||||
- set EmailVerified=true
|
||||
|
||||
Forgot password:
|
||||
- genera reset token
|
||||
- invia/salva email
|
||||
|
||||
Reset password:
|
||||
- aggiorna PasswordHash
|
||||
- invalida token
|
||||
|
||||
---
|
||||
|
||||
# EMAIL TEMPLATE DIRECTORY
|
||||
|
||||
Creare:
|
||||
|
||||
/web/emails/templates/
|
||||
verify_email.html
|
||||
verify_email.txt
|
||||
reset_password.html
|
||||
reset_password.txt
|
||||
|
||||
In develop:
|
||||
- salvare email in:
|
||||
EMAIL_SINK_DIR
|
||||
- nome file:
|
||||
timestamp__type__to.eml
|
||||
|
||||
In prod:
|
||||
- inviare SMTP
|
||||
|
||||
---
|
||||
|
||||
# DIRECTORY PROTEZIONE LOGICA
|
||||
|
||||
Controllers devono renderizzare template in base al path:
|
||||
|
||||
- c.Render("public/login", data)
|
||||
- c.Render("private/users/index", data)
|
||||
- c.Render("admin/dashboard", data)
|
||||
|
||||
Mai mischiare.
|
||||
|
||||
---
|
||||
|
||||
# LAYOUT
|
||||
|
||||
layout.html deve:
|
||||
|
||||
- rilevare se utente autenticato
|
||||
- mostrare navbar differente:
|
||||
- public: login/signup
|
||||
- user: dashboard + logout
|
||||
- admin: dashboard + admin + logout
|
||||
|
||||
Passare CurrentUser al template se autenticato.
|
||||
|
||||
---
|
||||
|
||||
# HTMX IN PRIVATE
|
||||
|
||||
/users:
|
||||
- search con hx-get
|
||||
- table partial in private/users/_table.html
|
||||
- modal in private/users/_modal.html
|
||||
|
||||
---
|
||||
|
||||
# CORS
|
||||
|
||||
Configurato da .env
|
||||
|
||||
---
|
||||
|
||||
# BUILD HASH
|
||||
|
||||
Usare BUILD_HASH in query string per css/js.
|
||||
|
||||
---
|
||||
|
||||
# CRITERI DI ACCETTAZIONE
|
||||
|
||||
1) Template directory separata correttamente
|
||||
2) Accesso diretto a /private/* senza login → redirect /login
|
||||
3) Accesso a /admin/* senza role=admin → 403
|
||||
4) Signup crea utente role=user
|
||||
5) Seed crea admin role=admin
|
||||
6) Navbar cambia in base a stato login
|
||||
7) Email sink funziona in develop
|
||||
8) DB driver selezionabile via .env
|
||||
9) Migrazioni e seed eseguiti all'avvio
|
||||
10) Nessuna logica di autorizzazione nel frontend
|
||||
|
||||
---
|
||||
|
||||
# STRUTTURA FINALE PROGETTO (SEMPLIFICATA)
|
||||
|
||||
/cmd/server
|
||||
/internal
|
||||
/config
|
||||
/db
|
||||
/models
|
||||
/repo
|
||||
/services
|
||||
/auth
|
||||
/mailer
|
||||
/controllers
|
||||
/web
|
||||
/templates
|
||||
/public
|
||||
/private
|
||||
/admin
|
||||
/emails/templates
|
||||
/static
|
||||
/ui-kit
|
||||
|
||||
---
|
||||
|
||||
# NOTE PER CODEX
|
||||
|
||||
- Creare tutti i file mancanti
|
||||
- Scrivere codice completo, compilabile
|
||||
- Commentare le parti sicurezza (token hashing)
|
||||
- Usare bcrypt
|
||||
- Usare SHA256 per token hash
|
||||
- Non salvare mai token in chiaro nel DB
|
||||
- Creare helper per CurrentUser
|
||||
- Applicare middleware correttamente
|
||||
|
||||
Non semplificare l’architettura.
|
||||
Mantenere separazione MVC pulita.
|
||||
@@ -1,13 +0,0 @@
|
||||
Sei Codex in VS Code. Lavora direttamente nel workspace.
|
||||
|
||||
Obiettivo: creare un boilerplate riusabile “GoFiber MVC + HTMX + Svelte Custom Elements UI kit + GORM + SQLite/Postgres + Auth + Email sink + CORS + template directory public/private/admin + role admin”.
|
||||
|
||||
1) Scansiona il workspace e dimmi cosa esiste già.
|
||||
2) Crea/aggiorna la struttura cartelle secondo questa convenzione:
|
||||
/cmd/server
|
||||
/internal/{app,config,http,middleware,db,models,repo,services,controllers,auth,mailer}
|
||||
/web/{templates/{public,private,admin},emails/templates,static/{vendor,ui,css}}
|
||||
/ui-kit
|
||||
/data (solo dev)
|
||||
3) Crea una TODO checklist in README.md con i passi rimanenti.
|
||||
Non implementare ancora logica: solo struttura + README e .gitignore.
|
||||
@@ -1,24 +0,0 @@
|
||||
Implementa internal/config e internal/app.
|
||||
|
||||
- Aggiungi internal/config/config.go:
|
||||
- carica .env se presente (godotenv)
|
||||
- espone Config con: AppName, Env (develop|prod), Port, BaseURL, BuildHash
|
||||
DBDriver (sqlite|postgres), SQLitePath, PostgresDSN
|
||||
CORS settings (origins/headers/methods/credentials)
|
||||
SessionKey
|
||||
SMTP settings + EmailSinkDir
|
||||
Flags: AutoMigrate, SeedEnabled
|
||||
- valida i campi essenziali (es. DB DSN se postgres)
|
||||
|
||||
- Aggiungi internal/app/app.go:
|
||||
- crea fiber.App
|
||||
- registra CORS middleware
|
||||
- registra session store
|
||||
- init DB (internal/db) + migrate/seed (in base ai flag)
|
||||
- registra router (internal/http/router.go)
|
||||
- espone NewApp(cfg) (*fiber.App, error)
|
||||
|
||||
- Aggiorna cmd/server/main.go per usare internal/app.
|
||||
|
||||
Crea/aggiorna .env.example e .gitignore (escludi .env, /data, db sqlite, email sink).
|
||||
Scrivi codice compilabile.
|
||||
@@ -1,20 +0,0 @@
|
||||
Aggiungi DX boilerplate.
|
||||
|
||||
- Makefile:
|
||||
- make dev (go run ./cmd/server)
|
||||
- make ui-build (cd ui-kit && npm i && npm run build)
|
||||
- make ui-dev (watch)
|
||||
- make test (go test ./...)
|
||||
- make db-reset (solo sqlite: rimuovi ./data/app.db)
|
||||
- make fmt (gofmt)
|
||||
|
||||
- docker-compose.yml:
|
||||
- postgres service (porta 5432)
|
||||
- env compatibile con DB_PG_DSN
|
||||
|
||||
- README.md:
|
||||
- Quickstart sqlite
|
||||
- Quickstart postgres (docker compose)
|
||||
- dove stanno templates public/private/admin
|
||||
- email in develop: ./data/emails
|
||||
- build UI kit
|
||||
@@ -1,19 +0,0 @@
|
||||
Implementa internal/db (db.go, migrate.go, seed.go) con GORM.
|
||||
|
||||
- db.go: Open(cfg) (*gorm.DB, error) con switch sqlite/postgres.
|
||||
- sqlite usa cfg.SQLitePath, crea directory se serve.
|
||||
- postgres usa cfg.PostgresDSN.
|
||||
- logger più verboso in develop.
|
||||
|
||||
- migrate.go: Migrate(db) che fa AutoMigrate su tutti i modelli (User, EmailVerificationToken, PasswordResetToken).
|
||||
- esegui solo se cfg.AutoMigrate=true (gestisci in app.go o in migrate.go).
|
||||
|
||||
- seed.go: Seed(db) idempotente se cfg.SeedEnabled=true:
|
||||
- in develop crea:
|
||||
- admin@example.com (role=admin, verified=true, password="password")
|
||||
- user@example.com (role=user, verified=true, password="password")
|
||||
- crea anche utenti demo aggiuntivi per tabella.
|
||||
- usa upsert by email (GORM clauses OnConflict dove possibile).
|
||||
- NON loggare password in chiaro.
|
||||
|
||||
Aggiorna/crea internal/models con i modelli necessari.
|
||||
@@ -1,19 +0,0 @@
|
||||
Implementa internal/models e internal/auth.
|
||||
|
||||
- internal/models/user.go:
|
||||
- User: ID, Email unique, PasswordHash, EmailVerified, Role (default user), timestamps.
|
||||
|
||||
- internal/models/auth_tokens.go:
|
||||
- EmailVerificationToken: UserID, TokenHash unique, ExpiresAt, timestamps
|
||||
- PasswordResetToken: UserID, TokenHash unique, ExpiresAt, timestamps
|
||||
|
||||
- internal/auth/passwords.go:
|
||||
- HashPassword(plain) -> hash (bcrypt)
|
||||
- ComparePassword(hash, plain) -> bool/error
|
||||
|
||||
- internal/auth/tokens.go:
|
||||
- NewToken() -> plainToken (base64url random 32+ bytes)
|
||||
- HashToken(plainToken) -> hex/bytes SHA-256 string
|
||||
- ExpiresAt helpers (verify 24h, reset 1h)
|
||||
|
||||
Assicurati che nel DB venga salvato SOLO l’hash del token.
|
||||
@@ -1,24 +0,0 @@
|
||||
Implementa internal/mailer.
|
||||
|
||||
Requisiti:
|
||||
- directory template email: /web/emails/templates
|
||||
- verify_email.html + .txt
|
||||
- reset_password.html + .txt
|
||||
|
||||
- internal/mailer/templates.go:
|
||||
- carica e renderizza template (html+txt) con dati: AppName, BaseURL, VerifyURL/ResetURL, UserEmail.
|
||||
|
||||
- internal/mailer/mailer.go:
|
||||
- interfaccia Mailer { Send(ctx, to, subject, htmlBody, textBody) error }
|
||||
- factory NewMailer(cfg) che ritorna:
|
||||
- sink mailer se cfg.Env==develop
|
||||
- smtp mailer altrimenti
|
||||
|
||||
- internal/mailer/sink.go:
|
||||
- salva in cfg.EmailSinkDir file con timestamp__type__to.eml (o .txt/.html)
|
||||
- includi subject, to, bodies e link.
|
||||
|
||||
- internal/mailer/smtp.go:
|
||||
- invio via SMTP usando cfg.SMTPHost/Port/User/Password/From/FromName.
|
||||
|
||||
Aggiorna README con “in develop le email sono salvate in ./data/emails”.
|
||||
@@ -1,14 +0,0 @@
|
||||
Aggiungi session e middleware.
|
||||
|
||||
- Usa Fiber session middleware (cookie session). Configura key da cfg.SessionKey, cookie secure in prod, SameSite Lax, HttpOnly.
|
||||
|
||||
- Implementa internal/http/middleware:
|
||||
- RequireAuth: se non loggato redirect /login
|
||||
- RequireAdmin: se role != admin -> 403 (pagina admin/forbidden o testo)
|
||||
- CurrentUser helper (legge user_id da sessione, carica user da DB con repo)
|
||||
|
||||
- Implementa flash messages (success/error) in sessione:
|
||||
- SetFlashSuccess/SetFlashError
|
||||
- ConsumeFlash middleware che aggiunge al template data
|
||||
|
||||
Aggiorna layout.html per mostrare flash e navbar diversa per public/private/admin.
|
||||
@@ -1,27 +0,0 @@
|
||||
Implementa AUTH completo (server-rendered) e templates in /web/templates/public.
|
||||
|
||||
Routes:
|
||||
- GET/POST /signup
|
||||
- GET/POST /login
|
||||
- POST /logout
|
||||
- GET /verify-email?token=...
|
||||
- GET/POST /forgot-password
|
||||
- GET/POST /reset-password?token=...
|
||||
|
||||
Comportamento:
|
||||
- Signup crea user (role=user, verified=false), genera verify token (hash in DB), invia email (mailer).
|
||||
- Login: blocca se email non verificata.
|
||||
- Verify-email: valida token, set EmailVerified=true, elimina token.
|
||||
- Forgot-password: risposta sempre generica; se user esiste+verified, genera reset token e invia email.
|
||||
- Reset-password: valida token, aggiorna password, elimina token.
|
||||
|
||||
Crea templates:
|
||||
- public/login.html
|
||||
- public/signup.html
|
||||
- public/forgot_password.html
|
||||
- public/reset_password.html
|
||||
- public/verify_notice.html
|
||||
- public/home.html (opzionale)
|
||||
Aggiungi partial per flash (public/_flash.html) e includilo nel layout.
|
||||
|
||||
Usa repo/service per accesso DB e logica (non tutto nel controller).
|
||||
@@ -1,22 +0,0 @@
|
||||
Implementa modulo “users” sotto /web/templates/private/users.
|
||||
|
||||
Routes protette (RequireAuth):
|
||||
- GET /users -> pagina con search + container tabella
|
||||
- GET /users/table -> partial HTML tabella (htmx)
|
||||
- GET /users/:id/modal -> partial HTML contenuto modal
|
||||
|
||||
Requisiti tabella:
|
||||
- query params: q, sort (id|name|email whitelist), dir (asc|desc), page, pageSize
|
||||
- server-driven paging/sort/search usando GORM (Count + Limit/Offset + Order)
|
||||
- _table.html deve includere:
|
||||
- header th cliccabili con hx-get (toggle dir)
|
||||
- pager prev/next con hx-get
|
||||
- bottone “Apri” che hx-get sul modal e hx-target="#userModal" hx-swap="innerHTML"
|
||||
- apri modal via JS minimal: setAttribute('open','') dopo swap (o onclick)
|
||||
|
||||
Crea template:
|
||||
- private/users/index.html
|
||||
- private/users/_table.html
|
||||
- private/users/_modal.html
|
||||
|
||||
Integra <ui-modal id="userModal"> nella index privata.
|
||||
@@ -1,11 +0,0 @@
|
||||
Implementa area admin.
|
||||
|
||||
Routes protette (RequireAuth + RequireAdmin):
|
||||
- GET /admin -> admin/dashboard.html
|
||||
- GET /admin/users -> pagina elenco utenti (server-rendered semplice)
|
||||
|
||||
Templates:
|
||||
- admin/dashboard.html
|
||||
- admin/users.html
|
||||
|
||||
Navbar nel layout deve mostrare link Admin solo se role=admin.
|
||||
@@ -1,33 +0,0 @@
|
||||
Crea /ui-kit come progetto Vite + Svelte per custom elements.
|
||||
|
||||
Requisiti:
|
||||
- build deve scrivere direttamente in ../web/static/ui:
|
||||
- ui.esm.js
|
||||
- ui.css (tokens+base)
|
||||
- src/index.ts registra:
|
||||
- ui-modal
|
||||
- ui-drop-down
|
||||
- ui-data-table-shell (driver htmx per aggiornare un target)
|
||||
|
||||
Componenti:
|
||||
1) UiModal.svelte:
|
||||
- <svelte:options customElement="ui-modal" />
|
||||
- attributi: title, open (boolean presence)
|
||||
- close on ESC, backdrop click
|
||||
- focus trap minimale
|
||||
- emette evento "ui:close" (bubbles+composed)
|
||||
- slot contenuto (HTMX swappa dentro al tag)
|
||||
|
||||
2) UiDropDown.svelte:
|
||||
- usa <option> del light DOM
|
||||
- espone value/name/placeholder/disabled
|
||||
- integra con form MVC (hidden input name=...)
|
||||
- emette change + ui:change
|
||||
|
||||
3) UiDataTableShell.svelte:
|
||||
- attributi: endpoint, target, page-size
|
||||
- input search -> usa htmx.ajax('GET', url, {target}) se disponibile
|
||||
- non renderizza tabella, solo toolbar
|
||||
|
||||
Aggiorna layout per includere /static/ui/ui.css e /static/ui/ui.esm.js con ?v={{.BuildHash}}.
|
||||
Aggiorna README con comandi npm.
|
||||
51
docs/pitch.md
Normal file
51
docs/pitch.md
Normal file
@@ -0,0 +1,51 @@
|
||||
|
||||
|
||||
## Technical Pitch
|
||||
|
||||
GoFiber Secure MVC Starter is a production-grade, server-first web application foundation.
|
||||
|
||||
It combines:
|
||||
|
||||
- Clean MVC layering
|
||||
- HTMX progressive enhancement
|
||||
- Web Components for reusable UI
|
||||
- Secure authentication flows
|
||||
- Role-based access control
|
||||
- Full audit logging
|
||||
- Environment-driven configuration
|
||||
- Database abstraction via GORM
|
||||
- Secure email workflows
|
||||
|
||||
It eliminates frontend complexity while maintaining modern UX.
|
||||
|
||||
---
|
||||
|
||||
## Business Pitch
|
||||
|
||||
This starter provides:
|
||||
|
||||
- Faster time-to-market
|
||||
- Reduced security risk
|
||||
- Maintainable architecture
|
||||
- Easy onboarding for backend developers
|
||||
- Lower frontend maintenance overhead
|
||||
- Clear separation of public/private/admin areas
|
||||
|
||||
Ideal for:
|
||||
- SaaS products
|
||||
- Admin dashboards
|
||||
- Internal enterprise tools
|
||||
- Secure web platforms
|
||||
|
||||
---
|
||||
|
||||
# Stato del Progetto
|
||||
|
||||
You now have:
|
||||
|
||||
✔ Secure auth system
|
||||
✔ Production-ready structure
|
||||
✔ Audit traceability
|
||||
✔ Modular extensibility
|
||||
✔ Clear separation of concerns
|
||||
|
||||
77
docs/security.md
Normal file
77
docs/security.md
Normal file
@@ -0,0 +1,77 @@
|
||||
# Security Policy
|
||||
|
||||
## Overview
|
||||
|
||||
This project implements a layered security model with:
|
||||
|
||||
- Secure password hashing (bcrypt)
|
||||
- Hashed verification and reset tokens (SHA-256)
|
||||
- Role-based authorization
|
||||
- Audit logging
|
||||
- Environment-based email handling
|
||||
- Configurable CORS
|
||||
|
||||
---
|
||||
|
||||
## Authentication
|
||||
|
||||
Passwords are hashed using bcrypt before storage.
|
||||
|
||||
Email verification is required before login.
|
||||
|
||||
Reset and verification tokens:
|
||||
- Random 32+ bytes
|
||||
- SHA-256 hashed before database storage
|
||||
- Expiration enforced
|
||||
- One-time use
|
||||
|
||||
---
|
||||
|
||||
## Authorization
|
||||
|
||||
Access control enforced via middleware:
|
||||
|
||||
- RequireAuth
|
||||
- RequireAdmin
|
||||
|
||||
No authorization logic is implemented in templates.
|
||||
|
||||
---
|
||||
|
||||
## Session Security
|
||||
|
||||
- HttpOnly cookies
|
||||
- SameSite=Lax
|
||||
- Secure flag enabled in production
|
||||
- Session key configured via environment variable
|
||||
|
||||
---
|
||||
|
||||
## Email Security
|
||||
|
||||
Develop mode:
|
||||
- Emails are written to filesystem
|
||||
- No external transmission
|
||||
|
||||
Production mode:
|
||||
- SMTP authenticated delivery
|
||||
|
||||
---
|
||||
|
||||
## Audit Logging
|
||||
|
||||
The system logs:
|
||||
- Signup
|
||||
- Login
|
||||
- Email verification
|
||||
- Password reset
|
||||
- Admin actions
|
||||
|
||||
Logs contain:
|
||||
- UserID
|
||||
- Action
|
||||
- Entity
|
||||
- EntityID
|
||||
- IP
|
||||
- UserAgent
|
||||
- Timestamp
|
||||
37
docs/secutity architecture.md
Normal file
37
docs/secutity architecture.md
Normal file
@@ -0,0 +1,37 @@
|
||||
┌─────────────────────────────┐
|
||||
│ Browser │
|
||||
│ HTML + HTMX + UI Kit │
|
||||
└──────────────┬──────────────┘
|
||||
│
|
||||
HTTPS (TLS)
|
||||
│
|
||||
┌──────────────▼──────────────┐
|
||||
│ GoFiber App │
|
||||
├─────────────────────────────┤
|
||||
│ CORS Middleware │
|
||||
│ Session Middleware │
|
||||
│ CSRF (optional) │
|
||||
│ Rate Limiter (Auth) │
|
||||
└──────────────┬──────────────┘
|
||||
│
|
||||
┌───────────────────▼───────────────────┐
|
||||
│ Auth & Authorization │
|
||||
│ - RequireAuth │
|
||||
│ - RequireAdmin │
|
||||
│ - Role validation │
|
||||
└───────────────────┬───────────────────┘
|
||||
│
|
||||
┌───────────────────▼───────────────────┐
|
||||
│ Business Layer (Services) │
|
||||
└───────────────────┬───────────────────┘
|
||||
│
|
||||
┌───────────────────▼───────────────────┐
|
||||
│ Repository Layer (GORM) │
|
||||
└───────────────────┬───────────────────┘
|
||||
│
|
||||
┌───────────────────▼───────────────────┐
|
||||
│ Database │
|
||||
│ - Users (bcrypt passwords) │
|
||||
│ - Token hashes (SHA-256) │
|
||||
│ - AuditLog │
|
||||
└───────────────────────────────────────┘
|
||||
@@ -1,34 +1,27 @@
|
||||
package controllers
|
||||
|
||||
import (
|
||||
"html/template"
|
||||
"path/filepath"
|
||||
|
||||
"github.com/gofiber/fiber/v2"
|
||||
)
|
||||
|
||||
type AdminController struct{}
|
||||
type AdminController struct {
|
||||
spaDir string
|
||||
}
|
||||
|
||||
func NewAdminController() *AdminController {
|
||||
return &AdminController{}
|
||||
func NewAdminController(spaDir string) *AdminController {
|
||||
return &AdminController{spaDir: spaDir}
|
||||
}
|
||||
|
||||
func (ac *AdminController) Dashboard(c *fiber.Ctx) error {
|
||||
viewData := map[string]any{
|
||||
"Title": "Admin Dashboard",
|
||||
"NavSection": "admin",
|
||||
}
|
||||
for k, v := range localsTemplateData(c) {
|
||||
viewData[k] = v
|
||||
return c.SendFile(filepath.Join(ac.spaDir, "index.html"))
|
||||
}
|
||||
|
||||
tmpl, err := template.ParseFiles(
|
||||
"web/templates/layout.html",
|
||||
"web/templates/public/_flash.html",
|
||||
"web/templates/admin/dashboard.html",
|
||||
)
|
||||
if err != nil {
|
||||
return err
|
||||
func (ac *AdminController) Fallback(c *fiber.Ctx) error {
|
||||
return c.SendFile(filepath.Join(ac.spaDir, "index.html"))
|
||||
}
|
||||
|
||||
return executeLayout(c, tmpl, viewData)
|
||||
func (ac *AdminController) Favicon(c *fiber.Ctx) error {
|
||||
return c.SendFile(filepath.Join(ac.spaDir, "favicon.ico"))
|
||||
}
|
||||
|
||||
@@ -19,20 +19,9 @@ func NewAuthController(authService *services.AuthService) *AuthController {
|
||||
}
|
||||
|
||||
func (ac *AuthController) ShowHome(c *fiber.Ctx) error {
|
||||
if _, ok := httpmw.CurrentUserFromContext(c); ok {
|
||||
return c.Redirect("/welcome")
|
||||
}
|
||||
|
||||
return renderPublic(c, "home.html", map[string]any{
|
||||
"Title": "Home",
|
||||
"NavSection": "public",
|
||||
})
|
||||
}
|
||||
|
||||
func (ac *AuthController) ShowWelcome(c *fiber.Ctx) error {
|
||||
return renderPrivate(c, "welcome.html", map[string]any{
|
||||
"Title": "Welcome",
|
||||
"NavSection": "private",
|
||||
"NavSection": "home",
|
||||
})
|
||||
}
|
||||
|
||||
@@ -101,7 +90,7 @@ func (ac *AuthController) Login(c *fiber.Ctx) error {
|
||||
if err := httpmw.SetFlashSuccess(c, "Login effettuato"); err != nil {
|
||||
return err
|
||||
}
|
||||
return c.Redirect("/welcome")
|
||||
return c.Redirect("/private")
|
||||
}
|
||||
|
||||
func (ac *AuthController) Logout(c *fiber.Ctx) error {
|
||||
@@ -145,6 +134,13 @@ func (ac *AuthController) ShowVerifyNotice(c *fiber.Ctx) error {
|
||||
})
|
||||
}
|
||||
|
||||
func (ac *AuthController) ShowForbidden(c *fiber.Ctx) error {
|
||||
return renderPublic(c, "forbidden.html", map[string]any{
|
||||
"Title": "Forbidden",
|
||||
"NavSection": "public",
|
||||
})
|
||||
}
|
||||
|
||||
func (ac *AuthController) ShowForgotPassword(c *fiber.Ctx) error {
|
||||
return renderPublic(c, "forgot_password.html", map[string]any{
|
||||
"Title": "Forgot password",
|
||||
@@ -205,3 +201,63 @@ func (ac *AuthController) ResetPassword(c *fiber.Ctx) error {
|
||||
}
|
||||
return c.Redirect("/login")
|
||||
}
|
||||
|
||||
func (ac *AuthController) UpdateLanguage(c *fiber.Ctx) error {
|
||||
currentUser, ok := httpmw.CurrentUserFromContext(c)
|
||||
if !ok {
|
||||
return c.SendStatus(fiber.StatusUnauthorized)
|
||||
}
|
||||
|
||||
type langRequest struct {
|
||||
Lang string `json:"lang" form:"lang"`
|
||||
}
|
||||
|
||||
var req langRequest
|
||||
if err := c.BodyParser(&req); err != nil {
|
||||
req.Lang = c.FormValue("lang")
|
||||
}
|
||||
|
||||
lang := services.NormalizeLanguage(req.Lang)
|
||||
if !services.IsSupportedLanguage(lang) {
|
||||
return c.Status(fiber.StatusBadRequest).SendString("invalid language")
|
||||
}
|
||||
|
||||
if err := ac.authService.UpdateUserLanguage(currentUser.ID, lang); err != nil {
|
||||
if errors.Is(err, services.ErrInvalidLanguage) {
|
||||
return c.Status(fiber.StatusBadRequest).SendString("invalid language")
|
||||
}
|
||||
return c.Status(fiber.StatusInternalServerError).SendString("cannot update language")
|
||||
}
|
||||
|
||||
return c.SendStatus(fiber.StatusNoContent)
|
||||
}
|
||||
|
||||
func (ac *AuthController) UpdateTheme(c *fiber.Ctx) error {
|
||||
currentUser, ok := httpmw.CurrentUserFromContext(c)
|
||||
if !ok {
|
||||
return c.SendStatus(fiber.StatusUnauthorized)
|
||||
}
|
||||
|
||||
type themeRequest struct {
|
||||
Theme string `json:"theme" form:"theme"`
|
||||
}
|
||||
|
||||
var req themeRequest
|
||||
if err := c.BodyParser(&req); err != nil {
|
||||
req.Theme = c.FormValue("theme")
|
||||
}
|
||||
|
||||
theme := services.NormalizeTheme(req.Theme)
|
||||
if theme != "dark" && theme != "light" {
|
||||
return c.Status(fiber.StatusBadRequest).SendString("invalid theme")
|
||||
}
|
||||
|
||||
if err := ac.authService.UpdateUserTheme(currentUser.ID, theme); err != nil {
|
||||
if errors.Is(err, services.ErrInvalidTheme) {
|
||||
return c.Status(fiber.StatusBadRequest).SendString("invalid theme")
|
||||
}
|
||||
return c.Status(fiber.StatusInternalServerError).SendString("cannot update theme")
|
||||
}
|
||||
|
||||
return c.SendStatus(fiber.StatusNoContent)
|
||||
}
|
||||
|
||||
27
internal/controllers/private_controller.go
Normal file
27
internal/controllers/private_controller.go
Normal file
@@ -0,0 +1,27 @@
|
||||
package controllers
|
||||
|
||||
import (
|
||||
"path/filepath"
|
||||
|
||||
"github.com/gofiber/fiber/v2"
|
||||
)
|
||||
|
||||
type PrivateController struct {
|
||||
spaDir string
|
||||
}
|
||||
|
||||
func NewPrivateController(spaDir string) *PrivateController {
|
||||
return &PrivateController{spaDir: spaDir}
|
||||
}
|
||||
|
||||
func (ac *PrivateController) Dashboard(c *fiber.Ctx) error {
|
||||
return c.SendFile(filepath.Join(ac.spaDir, "index.html"))
|
||||
}
|
||||
|
||||
func (ac *PrivateController) Fallback(c *fiber.Ctx) error {
|
||||
return c.SendFile(filepath.Join(ac.spaDir, "index.html"))
|
||||
}
|
||||
|
||||
func (ac *PrivateController) Favicon(c *fiber.Ctx) error {
|
||||
return c.SendFile(filepath.Join(ac.spaDir, "favicon.ico"))
|
||||
}
|
||||
@@ -26,6 +26,8 @@ func renderPublic(c *fiber.Ctx, page string, data map[string]any) error {
|
||||
|
||||
files := []string{
|
||||
"web/templates/layout.html",
|
||||
"web/templates/public/_navbar.html",
|
||||
"web/templates/partials/language_dropdown.html",
|
||||
"web/templates/public/_flash.html",
|
||||
filepath.Join("web/templates/public", page),
|
||||
}
|
||||
@@ -44,7 +46,7 @@ func renderPublic(c *fiber.Ctx, page string, data map[string]any) error {
|
||||
return c.Send(out.Bytes())
|
||||
}
|
||||
|
||||
func renderPrivate(c *fiber.Ctx, page string, data map[string]any) error {
|
||||
func renderPrivate(c *fiber.Ctx, _ string, data map[string]any) error {
|
||||
viewData := map[string]any{}
|
||||
for k, v := range localsTemplateData(c) {
|
||||
viewData[k] = v
|
||||
@@ -62,8 +64,10 @@ func renderPrivate(c *fiber.Ctx, page string, data map[string]any) error {
|
||||
|
||||
files := []string{
|
||||
"web/templates/layout.html",
|
||||
"web/templates/public/_navbar.html",
|
||||
"web/templates/partials/language_dropdown.html",
|
||||
"web/templates/public/_flash.html",
|
||||
filepath.Join("web/templates/private", page),
|
||||
"web/templates/private.html",
|
||||
}
|
||||
|
||||
tmpl, err := template.ParseFiles(files...)
|
||||
|
||||
@@ -1,125 +0,0 @@
|
||||
package controllers
|
||||
|
||||
import (
|
||||
"fmt"
|
||||
"html/template"
|
||||
"path/filepath"
|
||||
"strconv"
|
||||
"strings"
|
||||
|
||||
httpmw "trustcontact/internal/http/middleware"
|
||||
"trustcontact/internal/services"
|
||||
|
||||
"github.com/gofiber/fiber/v2"
|
||||
)
|
||||
|
||||
type UsersController struct {
|
||||
usersService *services.UsersService
|
||||
}
|
||||
|
||||
func NewUsersController(usersService *services.UsersService) *UsersController {
|
||||
return &UsersController{usersService: usersService}
|
||||
}
|
||||
|
||||
func (uc *UsersController) Index(c *fiber.Ctx) error {
|
||||
pageData, err := uc.queryPage(c)
|
||||
if err != nil {
|
||||
return err
|
||||
}
|
||||
|
||||
viewData := map[string]any{
|
||||
"Title": "Admin Users",
|
||||
"NavSection": "admin",
|
||||
"PageData": pageData,
|
||||
}
|
||||
for k, v := range localsTemplateData(c) {
|
||||
viewData[k] = v
|
||||
}
|
||||
|
||||
tmpl, err := template.ParseFiles(
|
||||
"web/templates/layout.html",
|
||||
"web/templates/public/_flash.html",
|
||||
"web/templates/admin/users/index.html",
|
||||
"web/templates/admin/users/_table.html",
|
||||
)
|
||||
if err != nil {
|
||||
return err
|
||||
}
|
||||
|
||||
return executeLayout(c, tmpl, viewData)
|
||||
}
|
||||
|
||||
func (uc *UsersController) Table(c *fiber.Ctx) error {
|
||||
pageData, err := uc.queryPage(c)
|
||||
if err != nil {
|
||||
return err
|
||||
}
|
||||
|
||||
viewData := map[string]any{"PageData": pageData}
|
||||
tmpl, err := template.ParseFiles("web/templates/admin/users/_table.html")
|
||||
if err != nil {
|
||||
return err
|
||||
}
|
||||
|
||||
c.Type("html", "utf-8")
|
||||
return tmpl.ExecuteTemplate(c.Response().BodyWriter(), "users_table", viewData)
|
||||
}
|
||||
|
||||
func (uc *UsersController) Modal(c *fiber.Ctx) error {
|
||||
id, err := strconv.ParseUint(c.Params("id"), 10, 64)
|
||||
if err != nil || id == 0 {
|
||||
return c.Status(fiber.StatusBadRequest).SendString("invalid user id")
|
||||
}
|
||||
|
||||
user, err := uc.usersService.GetByID(uint(id))
|
||||
if err != nil {
|
||||
return err
|
||||
}
|
||||
if user == nil {
|
||||
return c.Status(fiber.StatusNotFound).SendString("user not found")
|
||||
}
|
||||
|
||||
viewData := map[string]any{"User": user}
|
||||
tmpl, err := template.ParseFiles("web/templates/admin/users/_modal.html")
|
||||
if err != nil {
|
||||
return err
|
||||
}
|
||||
|
||||
c.Type("html", "utf-8")
|
||||
return tmpl.ExecuteTemplate(c.Response().BodyWriter(), "users_modal", viewData)
|
||||
}
|
||||
|
||||
func (uc *UsersController) queryPage(c *fiber.Ctx) (*services.UsersPage, error) {
|
||||
page := parseIntOrDefault(c.Query("page"), 1)
|
||||
pageSize := parseIntOrDefault(c.Query("pageSize"), 10)
|
||||
q := strings.TrimSpace(c.Query("q"))
|
||||
sort := c.Query("sort", "id")
|
||||
dir := c.Query("dir", "asc")
|
||||
|
||||
pageData, err := uc.usersService.List(services.UsersQuery{
|
||||
Q: q,
|
||||
Sort: sort,
|
||||
Dir: dir,
|
||||
Page: page,
|
||||
PageSize: pageSize,
|
||||
})
|
||||
if err != nil {
|
||||
return nil, fmt.Errorf("list users: %w", err)
|
||||
}
|
||||
|
||||
return pageData, nil
|
||||
}
|
||||
|
||||
func parseIntOrDefault(value string, fallback int) int {
|
||||
parsed, err := strconv.Atoi(value)
|
||||
if err != nil || parsed <= 0 {
|
||||
return fallback
|
||||
}
|
||||
return parsed
|
||||
}
|
||||
|
||||
func executeLayout(c *fiber.Ctx, tmpl *template.Template, viewData map[string]any) error {
|
||||
httpmw.SetTemplateData(c, "NavSection", viewData["NavSection"])
|
||||
c.Type("html", "utf-8")
|
||||
return tmpl.ExecuteTemplate(c.Response().BodyWriter(), filepath.Base("web/templates/layout.html"), viewData)
|
||||
}
|
||||
@@ -11,5 +11,6 @@ func Migrate(database *gorm.DB) error {
|
||||
&models.User{},
|
||||
&models.EmailVerificationToken{},
|
||||
&models.PasswordResetToken{},
|
||||
&models.UserProperties{},
|
||||
)
|
||||
}
|
||||
|
||||
@@ -23,6 +23,10 @@ func Seed(database *gorm.DB) error {
|
||||
Role: models.RoleAdmin,
|
||||
EmailVerified: true,
|
||||
PasswordHash: passwordHash,
|
||||
Properties: models.UserProperties{
|
||||
Lang: "en",
|
||||
Dark: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
Name: "Normal User",
|
||||
@@ -30,6 +34,10 @@ func Seed(database *gorm.DB) error {
|
||||
Role: models.RoleUser,
|
||||
EmailVerified: true,
|
||||
PasswordHash: passwordHash,
|
||||
Properties: models.UserProperties{
|
||||
Lang: "it",
|
||||
Dark: false,
|
||||
},
|
||||
},
|
||||
{
|
||||
Name: "Demo One",
|
||||
@@ -37,6 +45,10 @@ func Seed(database *gorm.DB) error {
|
||||
Role: models.RoleUser,
|
||||
EmailVerified: true,
|
||||
PasswordHash: passwordHash,
|
||||
Properties: models.UserProperties{
|
||||
Lang: "en",
|
||||
Dark: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
Name: "Demo Two",
|
||||
@@ -44,6 +56,10 @@ func Seed(database *gorm.DB) error {
|
||||
Role: models.RoleUser,
|
||||
EmailVerified: true,
|
||||
PasswordHash: passwordHash,
|
||||
Properties: models.UserProperties{
|
||||
Lang: "en",
|
||||
Dark: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
Name: "Demo Three",
|
||||
@@ -51,11 +67,20 @@ func Seed(database *gorm.DB) error {
|
||||
Role: models.RoleUser,
|
||||
EmailVerified: true,
|
||||
PasswordHash: passwordHash,
|
||||
Properties: models.UserProperties{
|
||||
Lang: "en",
|
||||
Dark: true,
|
||||
},
|
||||
},
|
||||
}
|
||||
|
||||
for _, user := range seedUsers {
|
||||
if err := upsertUser(database, user); err != nil {
|
||||
userID, err := upsertUser(database, user)
|
||||
if err != nil {
|
||||
return err
|
||||
}
|
||||
user.Properties.UserId = userID
|
||||
if err := upsertUserProperties(database, user.Properties, user.Email); err != nil {
|
||||
return err
|
||||
}
|
||||
}
|
||||
@@ -63,7 +88,7 @@ func Seed(database *gorm.DB) error {
|
||||
return nil
|
||||
}
|
||||
|
||||
func upsertUser(database *gorm.DB, user models.User) error {
|
||||
func upsertUser(database *gorm.DB, user models.User) (string, error) {
|
||||
result := database.Clauses(clause.OnConflict{
|
||||
Columns: []clause.Column{{Name: "email"}},
|
||||
DoUpdates: clause.AssignmentColumns([]string{
|
||||
@@ -73,9 +98,26 @@ func upsertUser(database *gorm.DB, user models.User) error {
|
||||
"password_hash",
|
||||
"updated_at",
|
||||
}),
|
||||
}).Create(&user)
|
||||
}).Omit("Properties").Create(&user)
|
||||
if result.Error != nil {
|
||||
return fmt.Errorf("seed user %s: %w", user.Email, result.Error)
|
||||
return "", fmt.Errorf("seed user %s: %w", user.Email, result.Error)
|
||||
}
|
||||
|
||||
var persisted models.User
|
||||
if err := database.Select("id").Where("email = ?", user.Email).First(&persisted).Error; err != nil {
|
||||
return "", fmt.Errorf("load seeded user %s: %w", user.Email, err)
|
||||
}
|
||||
|
||||
return persisted.ID, nil
|
||||
}
|
||||
|
||||
func upsertUserProperties(database *gorm.DB, props models.UserProperties, userEmail string) error {
|
||||
result := database.Clauses(clause.OnConflict{
|
||||
Columns: []clause.Column{{Name: "user_id"}},
|
||||
DoNothing: true,
|
||||
}).Create(&props)
|
||||
if result.Error != nil {
|
||||
return fmt.Errorf("seed user properties %s: %w", userEmail, result.Error)
|
||||
}
|
||||
|
||||
return nil
|
||||
|
||||
@@ -25,13 +25,13 @@ func RequireAdmin() fiber.Handler {
|
||||
return c.Redirect("/login")
|
||||
}
|
||||
if user.Role != models.RoleAdmin {
|
||||
return c.Status(fiber.StatusForbidden).SendString("forbidden")
|
||||
return c.Status(fiber.StatusForbidden).Redirect("/forbidden")
|
||||
}
|
||||
return c.Next()
|
||||
}
|
||||
}
|
||||
|
||||
func SetSessionUserID(c *fiber.Ctx, userID uint) error {
|
||||
func SetSessionUserID(c *fiber.Ctx, userID string) error {
|
||||
store, ok := c.Locals(contextStoreKey).(*session.Store)
|
||||
if !ok || store == nil {
|
||||
return errors.New("session store not available")
|
||||
|
||||
@@ -2,7 +2,7 @@ package middleware
|
||||
|
||||
import (
|
||||
"fmt"
|
||||
"strconv"
|
||||
"strings"
|
||||
|
||||
"trustcontact/internal/models"
|
||||
"trustcontact/internal/repo"
|
||||
@@ -37,6 +37,21 @@ func CurrentUserMiddleware(store *session.Store, database *gorm.DB) fiber.Handle
|
||||
|
||||
c.Locals(contextUserKey, user)
|
||||
setTemplateData(c, "CurrentUser", user)
|
||||
if user != nil {
|
||||
setTemplateData(c, "UserLang", strings.TrimSpace(user.Properties.Lang))
|
||||
if user.Properties.UserId != "" {
|
||||
if user.Properties.Dark {
|
||||
setTemplateData(c, "UserTheme", "dark")
|
||||
} else {
|
||||
setTemplateData(c, "UserTheme", "light")
|
||||
}
|
||||
} else {
|
||||
setTemplateData(c, "UserTheme", "")
|
||||
}
|
||||
} else {
|
||||
setTemplateData(c, "UserLang", "")
|
||||
setTemplateData(c, "UserTheme", "")
|
||||
}
|
||||
return c.Next()
|
||||
}
|
||||
}
|
||||
@@ -49,7 +64,7 @@ func CurrentUser(c *fiber.Ctx, store *session.Store, userRepo *repo.UserRepo) (*
|
||||
|
||||
uidRaw := sess.Get(sessionUserIDKey)
|
||||
uid, ok := normalizeUserID(uidRaw)
|
||||
if !ok || uid == 0 {
|
||||
if !ok || uid == "" {
|
||||
return nil, nil
|
||||
}
|
||||
|
||||
@@ -77,37 +92,16 @@ func CurrentUserFromContext(c *fiber.Ctx) (*models.User, bool) {
|
||||
return user, true
|
||||
}
|
||||
|
||||
func normalizeUserID(v any) (uint, bool) {
|
||||
func normalizeUserID(v any) (string, bool) {
|
||||
switch value := v.(type) {
|
||||
case uint:
|
||||
return value, true
|
||||
case uint64:
|
||||
return uint(value), true
|
||||
case uint32:
|
||||
return uint(value), true
|
||||
case int:
|
||||
if value <= 0 {
|
||||
return 0, false
|
||||
}
|
||||
return uint(value), true
|
||||
case int64:
|
||||
if value <= 0 {
|
||||
return 0, false
|
||||
}
|
||||
return uint(value), true
|
||||
case int32:
|
||||
if value <= 0 {
|
||||
return 0, false
|
||||
}
|
||||
return uint(value), true
|
||||
case string:
|
||||
parsed, err := strconv.ParseUint(value, 10, 64)
|
||||
if err != nil || parsed == 0 {
|
||||
return 0, false
|
||||
trimmed := strings.TrimSpace(value)
|
||||
if trimmed == "" {
|
||||
return "", false
|
||||
}
|
||||
return uint(parsed), true
|
||||
return trimmed, true
|
||||
default:
|
||||
return 0, false
|
||||
return "", false
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -2,6 +2,7 @@ package http
|
||||
|
||||
import (
|
||||
"fmt"
|
||||
"path/filepath"
|
||||
"trustcontact/internal/config"
|
||||
"trustcontact/internal/controllers"
|
||||
httpmw "trustcontact/internal/http/middleware"
|
||||
@@ -28,9 +29,10 @@ func RegisterRoutes(app *fiber.App, store *session.Store, database *gorm.DB, cfg
|
||||
return fmt.Errorf("init auth service: %w", err)
|
||||
}
|
||||
authController := controllers.NewAuthController(authService)
|
||||
usersService := services.NewUsersService(database)
|
||||
usersController := controllers.NewUsersController(usersService)
|
||||
adminController := controllers.NewAdminController()
|
||||
privateSPADir := filepath.FromSlash("quasar/private_section/dist/spa")
|
||||
privateController := controllers.NewPrivateController(privateSPADir)
|
||||
adminSPADir := filepath.FromSlash("quasar/admin_section/dist/spa")
|
||||
adminController := controllers.NewAdminController(adminSPADir)
|
||||
|
||||
app.Get("/healthz", func(c *fiber.Ctx) error {
|
||||
return c.SendStatus(fiber.StatusOK)
|
||||
@@ -48,18 +50,33 @@ func RegisterRoutes(app *fiber.App, store *session.Store, database *gorm.DB, cfg
|
||||
app.Post("/forgot-password", authController.ForgotPassword)
|
||||
app.Get("/reset-password", authController.ShowResetPassword)
|
||||
app.Post("/reset-password", authController.ResetPassword)
|
||||
app.Get("/welcome", httpmw.RequireAuth(), authController.ShowWelcome)
|
||||
app.Get("/forbidden", authController.ShowForbidden)
|
||||
app.Post("/preferences/lang", httpmw.RequireAuth(), authController.UpdateLanguage)
|
||||
app.Post("/preferences/theme", httpmw.RequireAuth(), authController.UpdateTheme)
|
||||
|
||||
// Quasar admin SPA assets are emitted with absolute paths (/assets, /icons, /favicon.ico).
|
||||
// Protect them with the same auth/admin middleware used by /admin.
|
||||
app.Use("/assets", httpmw.RequireAuth(), httpmw.RequireAdmin())
|
||||
app.Use("/icons", httpmw.RequireAuth(), httpmw.RequireAdmin())
|
||||
app.Get("/favicon.ico", httpmw.RequireAuth(), httpmw.RequireAdmin(), privateController.Favicon)
|
||||
app.Static("/assets", filepath.Join(privateSPADir, "assets"))
|
||||
app.Static("/icons", filepath.Join(privateSPADir, "icons"))
|
||||
|
||||
private := app.Group("/private", httpmw.RequireAuth(), httpmw.RequireAdmin())
|
||||
private.Get("/", func(c *fiber.Ctx) error {
|
||||
return c.Redirect("/admin/users")
|
||||
})
|
||||
private.Get("/", privateController.Dashboard)
|
||||
private.Get("/*", privateController.Fallback)
|
||||
|
||||
// Quasar admin SPA assets are emitted with absolute paths (/assets, /icons, /favicon.ico).
|
||||
// Protect them with the same auth/admin middleware used by /admin.
|
||||
app.Use("/assets", httpmw.RequireAuth(), httpmw.RequireAdmin())
|
||||
app.Use("/icons", httpmw.RequireAuth(), httpmw.RequireAdmin())
|
||||
app.Get("/favicon.ico", httpmw.RequireAuth(), httpmw.RequireAdmin(), adminController.Favicon)
|
||||
app.Static("/assets", filepath.Join(adminSPADir, "assets"))
|
||||
app.Static("/icons", filepath.Join(adminSPADir, "icons"))
|
||||
|
||||
admin := app.Group("/admin", httpmw.RequireAuth(), httpmw.RequireAdmin())
|
||||
admin.Get("/", adminController.Dashboard)
|
||||
admin.Get("/users", usersController.Index)
|
||||
admin.Get("/users/table", usersController.Table)
|
||||
admin.Get("/users/:id/modal", usersController.Modal)
|
||||
admin.Get("/*", adminController.Fallback)
|
||||
|
||||
return nil
|
||||
}
|
||||
|
||||
@@ -1,21 +1,38 @@
|
||||
package models
|
||||
|
||||
import "time"
|
||||
import (
|
||||
"time"
|
||||
|
||||
"github.com/google/uuid"
|
||||
"gorm.io/gorm"
|
||||
)
|
||||
|
||||
type EmailVerificationToken struct {
|
||||
ID uint `gorm:"primaryKey"`
|
||||
UserID uint `gorm:"not null;index"`
|
||||
ID string `gorm:"primaryKey"`
|
||||
UserID string `gorm:"not null;index"`
|
||||
TokenHash string `gorm:"size:64;uniqueIndex;not null"`
|
||||
ExpiresAt time.Time `gorm:"not null;index"`
|
||||
CreatedAt time.Time
|
||||
UpdatedAt time.Time
|
||||
}
|
||||
|
||||
func (token *EmailVerificationToken) BeforeCreate(tx *gorm.DB) (err error) {
|
||||
// UUID version 4
|
||||
token.ID = uuid.NewString()
|
||||
return
|
||||
}
|
||||
|
||||
type PasswordResetToken struct {
|
||||
ID uint `gorm:"primaryKey"`
|
||||
UserID uint `gorm:"not null;index"`
|
||||
ID string `gorm:"primaryKey"`
|
||||
UserID string `gorm:"not null;index"`
|
||||
TokenHash string `gorm:"size:64;uniqueIndex;not null"`
|
||||
ExpiresAt time.Time `gorm:"not null;index"`
|
||||
CreatedAt time.Time
|
||||
UpdatedAt time.Time
|
||||
}
|
||||
|
||||
func (token *PasswordResetToken) BeforeCreate(tx *gorm.DB) (err error) {
|
||||
// UUID version 4
|
||||
token.ID = uuid.NewString()
|
||||
return
|
||||
}
|
||||
|
||||
@@ -1,6 +1,11 @@
|
||||
package models
|
||||
|
||||
import "time"
|
||||
import (
|
||||
"time"
|
||||
|
||||
"github.com/google/uuid"
|
||||
"gorm.io/gorm"
|
||||
)
|
||||
|
||||
const (
|
||||
RoleAdmin = "admin"
|
||||
@@ -8,12 +13,25 @@ const (
|
||||
)
|
||||
|
||||
type User struct {
|
||||
ID uint `gorm:"primaryKey"`
|
||||
ID string `gorm:"primaryKey"`
|
||||
Name string `gorm:"size:120;index"`
|
||||
Email string `gorm:"size:320;uniqueIndex;not null"`
|
||||
PasswordHash string `gorm:"size:255;not null"`
|
||||
EmailVerified bool `gorm:"not null;default:false"`
|
||||
Role string `gorm:"size:32;index;not null;default:user"`
|
||||
Properties UserProperties `gorm:"foreignKey:UserId;constraint:OnUpdate:CASCADE,OnDelete:CASCADE;"`
|
||||
CreatedAt time.Time
|
||||
UpdatedAt time.Time
|
||||
}
|
||||
|
||||
func (user *User) BeforeCreate(tx *gorm.DB) (err error) {
|
||||
// UUID version 4
|
||||
user.ID = uuid.NewString()
|
||||
return
|
||||
}
|
||||
|
||||
type UserProperties struct {
|
||||
UserId string `json:"user_id" gorm:"uniqueIndex"`
|
||||
Lang string `json:"lang"`
|
||||
Dark bool `json:"dark"`
|
||||
}
|
||||
|
||||
@@ -33,10 +33,10 @@ func (r *EmailVerificationTokenRepo) FindValidByHash(tokenHash string, now time.
|
||||
return &token, nil
|
||||
}
|
||||
|
||||
func (r *EmailVerificationTokenRepo) DeleteByID(id uint) error {
|
||||
func (r *EmailVerificationTokenRepo) DeleteByID(id string) error {
|
||||
return r.db.Delete(&models.EmailVerificationToken{}, id).Error
|
||||
}
|
||||
|
||||
func (r *EmailVerificationTokenRepo) DeleteByUserID(userID uint) error {
|
||||
func (r *EmailVerificationTokenRepo) DeleteByUserID(userID string) error {
|
||||
return r.db.Where("user_id = ?", userID).Delete(&models.EmailVerificationToken{}).Error
|
||||
}
|
||||
|
||||
@@ -33,10 +33,10 @@ func (r *PasswordResetTokenRepo) FindValidByHash(tokenHash string, now time.Time
|
||||
return &token, nil
|
||||
}
|
||||
|
||||
func (r *PasswordResetTokenRepo) DeleteByID(id uint) error {
|
||||
func (r *PasswordResetTokenRepo) DeleteByID(id string) error {
|
||||
return r.db.Delete(&models.PasswordResetToken{}, id).Error
|
||||
}
|
||||
|
||||
func (r *PasswordResetTokenRepo) DeleteByUserID(userID uint) error {
|
||||
func (r *PasswordResetTokenRepo) DeleteByUserID(userID string) error {
|
||||
return r.db.Where("user_id = ?", userID).Delete(&models.PasswordResetToken{}).Error
|
||||
}
|
||||
|
||||
@@ -26,9 +26,9 @@ func NewUserRepo(db *gorm.DB) *UserRepo {
|
||||
return &UserRepo{db: db}
|
||||
}
|
||||
|
||||
func (r *UserRepo) FindByID(id uint) (*models.User, error) {
|
||||
func (r *UserRepo) FindByID(id string) (*models.User, error) {
|
||||
var user models.User
|
||||
if err := r.db.First(&user, id).Error; err != nil {
|
||||
if err := r.db.Preload("Properties").Where("id = ?", id).First(&user).Error; err != nil {
|
||||
if errors.Is(err, gorm.ErrRecordNotFound) {
|
||||
return nil, nil
|
||||
}
|
||||
@@ -40,7 +40,7 @@ func (r *UserRepo) FindByID(id uint) (*models.User, error) {
|
||||
|
||||
func (r *UserRepo) FindByEmail(email string) (*models.User, error) {
|
||||
var user models.User
|
||||
if err := r.db.Where("email = ?", email).First(&user).Error; err != nil {
|
||||
if err := r.db.Preload("Properties").Where("email = ?", email).First(&user).Error; err != nil {
|
||||
if errors.Is(err, gorm.ErrRecordNotFound) {
|
||||
return nil, nil
|
||||
}
|
||||
@@ -54,18 +54,58 @@ func (r *UserRepo) Create(user *models.User) error {
|
||||
return r.db.Create(user).Error
|
||||
}
|
||||
|
||||
func (r *UserRepo) SetEmailVerified(userID uint, verified bool) error {
|
||||
func (r *UserRepo) SetEmailVerified(userID string, verified bool) error {
|
||||
return r.db.Model(&models.User{}).
|
||||
Where("id = ?", userID).
|
||||
Update("email_verified", verified).Error
|
||||
}
|
||||
|
||||
func (r *UserRepo) UpdatePasswordHash(userID uint, passwordHash string) error {
|
||||
func (r *UserRepo) UpdatePasswordHash(userID string, passwordHash string) error {
|
||||
return r.db.Model(&models.User{}).
|
||||
Where("id = ?", userID).
|
||||
Update("password_hash", passwordHash).Error
|
||||
}
|
||||
|
||||
func (r *UserRepo) UpsertLanguagePreference(userID string, lang string) error {
|
||||
var existing models.UserProperties
|
||||
err := r.db.Where("user_id = ?", userID).First(&existing).Error
|
||||
if err != nil && !errors.Is(err, gorm.ErrRecordNotFound) {
|
||||
return err
|
||||
}
|
||||
|
||||
if errors.Is(err, gorm.ErrRecordNotFound) {
|
||||
props := models.UserProperties{
|
||||
UserId: userID,
|
||||
Lang: lang,
|
||||
}
|
||||
return r.db.Create(&props).Error
|
||||
}
|
||||
|
||||
return r.db.Model(&models.UserProperties{}).
|
||||
Where("user_id = ?", userID).
|
||||
Update("lang", lang).Error
|
||||
}
|
||||
|
||||
func (r *UserRepo) UpsertDarkPreference(userID string, dark bool) error {
|
||||
var existing models.UserProperties
|
||||
err := r.db.Where("user_id = ?", userID).First(&existing).Error
|
||||
if err != nil && !errors.Is(err, gorm.ErrRecordNotFound) {
|
||||
return err
|
||||
}
|
||||
|
||||
if errors.Is(err, gorm.ErrRecordNotFound) {
|
||||
props := models.UserProperties{
|
||||
UserId: userID,
|
||||
Dark: dark,
|
||||
}
|
||||
return r.db.Create(&props).Error
|
||||
}
|
||||
|
||||
return r.db.Model(&models.UserProperties{}).
|
||||
Where("user_id = ?", userID).
|
||||
Update("dark", dark).Error
|
||||
}
|
||||
|
||||
func (r *UserRepo) List(params UserListParams) ([]models.User, int64, error) {
|
||||
query := r.db.Model(&models.User{})
|
||||
|
||||
@@ -92,8 +132,8 @@ func (r *UserRepo) List(params UserListParams) ([]models.User, int64, error) {
|
||||
if pageSize <= 0 {
|
||||
pageSize = 10
|
||||
}
|
||||
if pageSize > 100 {
|
||||
pageSize = 100
|
||||
if pageSize > 500 {
|
||||
pageSize = 500
|
||||
}
|
||||
|
||||
offset := (page - 1) * pageSize
|
||||
|
||||
@@ -22,8 +22,20 @@ var (
|
||||
ErrInvalidCredentials = errors.New("invalid credentials")
|
||||
ErrEmailNotVerified = errors.New("email not verified")
|
||||
ErrInvalidOrExpiredToken = errors.New("invalid or expired token")
|
||||
ErrInvalidLanguage = errors.New("invalid language")
|
||||
ErrInvalidTheme = errors.New("invalid theme")
|
||||
)
|
||||
|
||||
var supportedLanguages = map[string]struct{}{
|
||||
"it": {},
|
||||
"en": {},
|
||||
"en_us": {},
|
||||
"de": {},
|
||||
"fr": {},
|
||||
"de_ch": {},
|
||||
"fr_ch": {},
|
||||
}
|
||||
|
||||
type AuthService struct {
|
||||
cfg *config.Config
|
||||
users *repo.UserRepo
|
||||
@@ -187,6 +199,23 @@ func (s *AuthService) ResetPassword(token, newPassword string) error {
|
||||
return s.resetTokens.DeleteByID(record.ID)
|
||||
}
|
||||
|
||||
func (s *AuthService) UpdateUserLanguage(userID string, lang string) error {
|
||||
normalized := NormalizeLanguage(lang)
|
||||
if !IsSupportedLanguage(normalized) {
|
||||
return ErrInvalidLanguage
|
||||
}
|
||||
|
||||
return s.users.UpsertLanguagePreference(userID, normalized)
|
||||
}
|
||||
|
||||
func (s *AuthService) UpdateUserTheme(userID string, theme string) error {
|
||||
normalized := NormalizeTheme(theme)
|
||||
if normalized != "dark" && normalized != "light" {
|
||||
return ErrInvalidTheme
|
||||
}
|
||||
return s.users.UpsertDarkPreference(userID, normalized == "dark")
|
||||
}
|
||||
|
||||
func (s *AuthService) issueVerifyEmail(ctx context.Context, user *models.User) error {
|
||||
plainToken, err := auth.NewToken()
|
||||
if err != nil {
|
||||
@@ -245,3 +274,17 @@ func (s *AuthService) sendResetEmail(ctx context.Context, user *models.User, pla
|
||||
func normalizeEmail(email string) string {
|
||||
return strings.ToLower(strings.TrimSpace(email))
|
||||
}
|
||||
|
||||
func NormalizeLanguage(lang string) string {
|
||||
normalized := strings.ToLower(strings.TrimSpace(lang))
|
||||
return strings.ReplaceAll(normalized, "-", "_")
|
||||
}
|
||||
|
||||
func IsSupportedLanguage(lang string) bool {
|
||||
_, ok := supportedLanguages[NormalizeLanguage(lang)]
|
||||
return ok
|
||||
}
|
||||
|
||||
func NormalizeTheme(theme string) string {
|
||||
return strings.ToLower(strings.TrimSpace(theme))
|
||||
}
|
||||
|
||||
@@ -49,8 +49,8 @@ func (s *UsersService) List(query UsersQuery) (*UsersPage, error) {
|
||||
if pageSize <= 0 {
|
||||
pageSize = 10
|
||||
}
|
||||
if pageSize > 100 {
|
||||
pageSize = 100
|
||||
if pageSize > 500 {
|
||||
pageSize = 500
|
||||
}
|
||||
|
||||
sort := normalizeSort(query.Sort)
|
||||
@@ -104,7 +104,7 @@ func (s *UsersService) List(query UsersQuery) (*UsersPage, error) {
|
||||
}, nil
|
||||
}
|
||||
|
||||
func (s *UsersService) GetByID(id uint) (*models.User, error) {
|
||||
func (s *UsersService) GetByID(id string) (*models.User, error) {
|
||||
return s.users.FindByID(id)
|
||||
}
|
||||
|
||||
|
||||
21
licenses/FLOWBITE-MIT.txt
Normal file
21
licenses/FLOWBITE-MIT.txt
Normal file
@@ -0,0 +1,21 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2020 Themesberg
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
1063
package-lock.json
generated
Normal file
1063
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
16
package.json
Normal file
16
package.json
Normal file
@@ -0,0 +1,16 @@
|
||||
{
|
||||
"name": "trustcontact-flowbite",
|
||||
"private": true,
|
||||
"version": "1.0.0",
|
||||
"scripts": {
|
||||
"tw:build": "npx @tailwindcss/cli -i ./assets/tailwind/input.css -o ./web/static/css/app.css --minify",
|
||||
"tw:watch": "npx @tailwindcss/cli -i ./assets/tailwind/input.css -o ./web/static/css/app.css --watch"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@tailwindcss/cli": "^4.1.13",
|
||||
"tailwindcss": "^4.1.13"
|
||||
},
|
||||
"dependencies": {
|
||||
"htmx.org": "^2.0.6"
|
||||
}
|
||||
}
|
||||
7
quasar/admin_section/.editorconfig
Normal file
7
quasar/admin_section/.editorconfig
Normal file
@@ -0,0 +1,7 @@
|
||||
[*.{js,jsx,mjs,cjs,ts,tsx,mts,cts,vue}]
|
||||
charset = utf-8
|
||||
indent_size = 2
|
||||
indent_style = space
|
||||
end_of_line = lf
|
||||
insert_final_newline = true
|
||||
trim_trailing_whitespace = true
|
||||
33
quasar/admin_section/.gitignore
vendored
Normal file
33
quasar/admin_section/.gitignore
vendored
Normal file
@@ -0,0 +1,33 @@
|
||||
.DS_Store
|
||||
.thumbs.db
|
||||
node_modules
|
||||
|
||||
# Quasar core related directories
|
||||
.quasar
|
||||
/dist
|
||||
/quasar.config.*.temporary.compiled*
|
||||
|
||||
# Cordova related directories and files
|
||||
/src-cordova/node_modules
|
||||
/src-cordova/platforms
|
||||
/src-cordova/plugins
|
||||
/src-cordova/www
|
||||
|
||||
# Capacitor related directories and files
|
||||
/src-capacitor/www
|
||||
/src-capacitor/node_modules
|
||||
|
||||
# Log files
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
# Editor directories and files
|
||||
.idea
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
|
||||
# local .env files
|
||||
.env.local*
|
||||
5
quasar/admin_section/.prettierrc.json
Normal file
5
quasar/admin_section/.prettierrc.json
Normal file
@@ -0,0 +1,5 @@
|
||||
{
|
||||
"$schema": "https://json.schemastore.org/prettierrc",
|
||||
"singleQuote": true,
|
||||
"printWidth": 100
|
||||
}
|
||||
43
quasar/admin_section/README.md
Normal file
43
quasar/admin_section/README.md
Normal file
@@ -0,0 +1,43 @@
|
||||
# Quasar App (admin-section)
|
||||
|
||||
A Quasar Project
|
||||
|
||||
## Install the dependencies
|
||||
|
||||
```bash
|
||||
yarn
|
||||
# or
|
||||
npm install
|
||||
```
|
||||
|
||||
### Start the app in development mode (hot-code reloading, error reporting, etc.)
|
||||
|
||||
```bash
|
||||
quasar dev
|
||||
```
|
||||
|
||||
### Lint the files
|
||||
|
||||
```bash
|
||||
yarn lint
|
||||
# or
|
||||
npm run lint
|
||||
```
|
||||
|
||||
### Format the files
|
||||
|
||||
```bash
|
||||
yarn format
|
||||
# or
|
||||
npm run format
|
||||
```
|
||||
|
||||
### Build the app for production
|
||||
|
||||
```bash
|
||||
quasar build
|
||||
```
|
||||
|
||||
### Customize the configuration
|
||||
|
||||
See [Configuring quasar.config.js](https://v2.quasar.dev/quasar-cli-vite/quasar-config-js).
|
||||
83
quasar/admin_section/eslint.config.js
Normal file
83
quasar/admin_section/eslint.config.js
Normal file
@@ -0,0 +1,83 @@
|
||||
import js from '@eslint/js';
|
||||
import globals from 'globals';
|
||||
import pluginVue from 'eslint-plugin-vue';
|
||||
import pluginQuasar from '@quasar/app-vite/eslint';
|
||||
import { defineConfigWithVueTs, vueTsConfigs } from '@vue/eslint-config-typescript';
|
||||
import prettierSkipFormatting from '@vue/eslint-config-prettier/skip-formatting';
|
||||
|
||||
export default defineConfigWithVueTs(
|
||||
{
|
||||
/**
|
||||
* Ignore the following files.
|
||||
* Please note that pluginQuasar.configs.recommended() already ignores
|
||||
* the "node_modules" folder for you (and all other Quasar project
|
||||
* relevant folders and files).
|
||||
*
|
||||
* ESLint requires "ignores" key to be the only one in this object
|
||||
*/
|
||||
// ignores: []
|
||||
},
|
||||
|
||||
pluginQuasar.configs.recommended(),
|
||||
js.configs.recommended,
|
||||
|
||||
/**
|
||||
* https://eslint.vuejs.org
|
||||
*
|
||||
* pluginVue.configs.base
|
||||
* -> Settings and rules to enable correct ESLint parsing.
|
||||
* pluginVue.configs[ 'flat/essential']
|
||||
* -> base, plus rules to prevent errors or unintended behavior.
|
||||
* pluginVue.configs["flat/strongly-recommended"]
|
||||
* -> Above, plus rules to considerably improve code readability and/or dev experience.
|
||||
* pluginVue.configs["flat/recommended"]
|
||||
* -> Above, plus rules to enforce subjective community defaults to ensure consistency.
|
||||
*/
|
||||
pluginVue.configs['flat/essential'],
|
||||
|
||||
{
|
||||
files: ['**/*.ts', '**/*.vue'],
|
||||
rules: {
|
||||
'@typescript-eslint/consistent-type-imports': ['error', { prefer: 'type-imports' }],
|
||||
},
|
||||
},
|
||||
// https://github.com/vuejs/eslint-config-typescript
|
||||
vueTsConfigs.recommendedTypeChecked,
|
||||
|
||||
{
|
||||
languageOptions: {
|
||||
ecmaVersion: 'latest',
|
||||
sourceType: 'module',
|
||||
|
||||
globals: {
|
||||
...globals.browser,
|
||||
...globals.node, // SSR, Electron, config files
|
||||
process: 'readonly', // process.env.*
|
||||
ga: 'readonly', // Google Analytics
|
||||
cordova: 'readonly',
|
||||
Capacitor: 'readonly',
|
||||
chrome: 'readonly', // BEX related
|
||||
browser: 'readonly', // BEX related
|
||||
},
|
||||
},
|
||||
|
||||
// add your custom rules here
|
||||
rules: {
|
||||
'prefer-promise-reject-errors': 'off',
|
||||
|
||||
// allow debugger during development only
|
||||
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
|
||||
},
|
||||
},
|
||||
|
||||
{
|
||||
files: ['src-pwa/custom-service-worker.ts'],
|
||||
languageOptions: {
|
||||
globals: {
|
||||
...globals.serviceworker,
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
prettierSkipFormatting,
|
||||
);
|
||||
24
quasar/admin_section/index.html
Normal file
24
quasar/admin_section/index.html
Normal file
@@ -0,0 +1,24 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title><%= productName %></title>
|
||||
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="<%= productDescription %>" />
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<meta name="msapplication-tap-highlight" content="no" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>"
|
||||
/>
|
||||
|
||||
<link rel="icon" type="image/png" sizes="128x128" href="icons/favicon-128x128.png" />
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png" />
|
||||
<link rel="icon" type="image/ico" href="favicon.ico" />
|
||||
</head>
|
||||
<body>
|
||||
<!-- quasar:entry-point -->
|
||||
</body>
|
||||
</html>
|
||||
48
quasar/admin_section/package.json
Normal file
48
quasar/admin_section/package.json
Normal file
@@ -0,0 +1,48 @@
|
||||
{
|
||||
"name": "admin-section",
|
||||
"version": "0.0.1",
|
||||
"description": "A Quasar Project",
|
||||
"productName": "Quasar App",
|
||||
"author": "fabio <prada.fabio@gmail.com>",
|
||||
"type": "module",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"lint": "eslint -c ./eslint.config.js \"./src*/**/*.{ts,js,cjs,mjs,vue}\"",
|
||||
"format": "prettier --write \"**/*.{js,ts,vue,scss,html,md,json}\" --ignore-path .gitignore",
|
||||
"test": "echo \"No test specified\" && exit 0",
|
||||
"dev": "quasar dev",
|
||||
"build": "quasar build",
|
||||
"postinstall": "quasar prepare"
|
||||
},
|
||||
"dependencies": {
|
||||
"vue-i18n": "^11.0.0",
|
||||
"pinia": "^3.0.1",
|
||||
"@quasar/extras": "^1.16.4",
|
||||
"quasar": "^2.16.0",
|
||||
"vue": "^3.5.22",
|
||||
"vue-router": "^5.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@eslint/js": "^9.14.0",
|
||||
"eslint": "^9.14.0",
|
||||
"eslint-plugin-vue": "^10.4.0",
|
||||
"globals": "^16.4.0",
|
||||
"vue-tsc": "^3.0.7",
|
||||
"@vue/eslint-config-typescript": "^14.4.0",
|
||||
"vite-plugin-checker": "^0.11.0",
|
||||
"vue-eslint-parser": "^10.2.0",
|
||||
"@vue/eslint-config-prettier": "^10.1.0",
|
||||
"prettier": "^3.3.3",
|
||||
"@types/node": "^20.5.9",
|
||||
"@intlify/unplugin-vue-i18n": "^4.0.0",
|
||||
"@quasar/app-vite": "^2.1.0",
|
||||
"autoprefixer": "^10.4.2",
|
||||
"typescript": "^5.9.2"
|
||||
},
|
||||
"engines": {
|
||||
"node": "^28 || ^26 || ^24 || ^22 || ^20",
|
||||
"npm": ">= 6.13.4",
|
||||
"yarn": ">= 1.21.1",
|
||||
"pnpm": ">= 10.0.0"
|
||||
}
|
||||
}
|
||||
5844
quasar/admin_section/pnpm-lock.yaml
generated
Normal file
5844
quasar/admin_section/pnpm-lock.yaml
generated
Normal file
File diff suppressed because it is too large
Load Diff
2
quasar/admin_section/pnpm-workspace.yaml
Normal file
2
quasar/admin_section/pnpm-workspace.yaml
Normal file
@@ -0,0 +1,2 @@
|
||||
# https://pnpm.io/settings
|
||||
shamefullyHoist: true
|
||||
29
quasar/admin_section/postcss.config.js
Normal file
29
quasar/admin_section/postcss.config.js
Normal file
@@ -0,0 +1,29 @@
|
||||
// https://github.com/michael-ciniawsky/postcss-load-config
|
||||
|
||||
import autoprefixer from 'autoprefixer';
|
||||
// import rtlcss from 'postcss-rtlcss'
|
||||
|
||||
export default {
|
||||
plugins: [
|
||||
// https://github.com/postcss/autoprefixer
|
||||
autoprefixer({
|
||||
overrideBrowserslist: [
|
||||
'last 4 Chrome versions',
|
||||
'last 4 Firefox versions',
|
||||
'last 4 Edge versions',
|
||||
'last 4 Safari versions',
|
||||
'last 4 Android versions',
|
||||
'last 4 ChromeAndroid versions',
|
||||
'last 4 FirefoxAndroid versions',
|
||||
'last 4 iOS versions',
|
||||
],
|
||||
}),
|
||||
|
||||
// https://github.com/elchininet/postcss-rtlcss
|
||||
// If you want to support RTL css, then
|
||||
// 1. yarn/pnpm/bun/npm install postcss-rtlcss
|
||||
// 2. optionally set quasar.config.js > framework > lang to an RTL language
|
||||
// 3. uncomment the following line (and its import statement above):
|
||||
// rtlcss()
|
||||
],
|
||||
};
|
||||
BIN
quasar/admin_section/public/favicon.ico
Normal file
BIN
quasar/admin_section/public/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
BIN
quasar/admin_section/public/icons/favicon-128x128.png
Normal file
BIN
quasar/admin_section/public/icons/favicon-128x128.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
quasar/admin_section/public/icons/favicon-16x16.png
Normal file
BIN
quasar/admin_section/public/icons/favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 859 B |
BIN
quasar/admin_section/public/icons/favicon-32x32.png
Normal file
BIN
quasar/admin_section/public/icons/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
quasar/admin_section/public/icons/favicon-96x96.png
Normal file
BIN
quasar/admin_section/public/icons/favicon-96x96.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.4 KiB |
242
quasar/admin_section/quasar.config.ts
Normal file
242
quasar/admin_section/quasar.config.ts
Normal file
@@ -0,0 +1,242 @@
|
||||
// Configuration for your app
|
||||
// https://v2.quasar.dev/quasar-cli-vite/quasar-config-file
|
||||
|
||||
import { defineConfig } from '#q-app/wrappers';
|
||||
import { fileURLToPath } from 'node:url';
|
||||
import { resolve } from 'node:path';
|
||||
import dotenv from 'dotenv';
|
||||
|
||||
dotenv.config({ path: resolve(__dirname, '../../.env') });
|
||||
|
||||
export default defineConfig((ctx) => {
|
||||
return {
|
||||
// https://v2.quasar.dev/quasar-cli-vite/prefetch-feature
|
||||
// preFetch: true,
|
||||
|
||||
// app boot file (/src/boot)
|
||||
// --> boot files are part of "main.js"
|
||||
// https://v2.quasar.dev/quasar-cli-vite/boot-files
|
||||
boot: ['i18n'],
|
||||
|
||||
// https://v2.quasar.dev/quasar-cli-vite/quasar-config-file#css
|
||||
css: ['app.scss'],
|
||||
|
||||
// https://github.com/quasarframework/quasar/tree/dev/extras
|
||||
extras: [
|
||||
// 'ionicons-v4',
|
||||
// 'mdi-v7',
|
||||
// 'fontawesome-v6',
|
||||
// 'eva-icons',
|
||||
// 'themify',
|
||||
// 'line-awesome',
|
||||
// 'roboto-font-latin-ext', // this or either 'roboto-font', NEVER both!
|
||||
|
||||
'roboto-font', // optional, you are not bound to it
|
||||
'material-icons', // optional, you are not bound to it
|
||||
],
|
||||
|
||||
// Full list of options: https://v2.quasar.dev/quasar-cli-vite/quasar-config-file#build
|
||||
build: {
|
||||
env: {
|
||||
SITE_URL: process.env.SITE_URL || '',
|
||||
},
|
||||
target: {
|
||||
browser: ['es2022', 'firefox115', 'chrome115', 'safari14'],
|
||||
node: 'node20',
|
||||
},
|
||||
|
||||
typescript: {
|
||||
strict: true,
|
||||
vueShim: true,
|
||||
// extendTsConfig (tsConfig) {}
|
||||
},
|
||||
|
||||
vueRouterMode: 'hash', // available values: 'hash', 'history'
|
||||
// vueRouterBase,
|
||||
// vueDevtools,
|
||||
// vueOptionsAPI: false,
|
||||
|
||||
// rebuildCache: true, // rebuilds Vite/linter/etc cache on startup
|
||||
|
||||
// publicPath: '/',
|
||||
// analyze: true,
|
||||
// env: {},
|
||||
// rawDefine: {}
|
||||
// ignorePublicFolder: true,
|
||||
// minify: false,
|
||||
// polyfillModulePreload: true,
|
||||
// distDir
|
||||
|
||||
// extendViteConf (viteConf) {},
|
||||
// viteVuePluginOptions: {},
|
||||
|
||||
vitePlugins: [
|
||||
[
|
||||
'@intlify/unplugin-vue-i18n/vite',
|
||||
{
|
||||
// if you want to use Vue I18n Legacy API, you need to set `compositionOnly: false`
|
||||
// compositionOnly: false,
|
||||
|
||||
// if you want to use named tokens in your Vue I18n messages, such as 'Hello {name}',
|
||||
// you need to set `runtimeOnly: false`
|
||||
// runtimeOnly: false,
|
||||
|
||||
ssr: ctx.modeName === 'ssr',
|
||||
|
||||
// you need to set i18n resource including paths !
|
||||
include: [fileURLToPath(new URL('./src/i18n', import.meta.url))],
|
||||
},
|
||||
],
|
||||
|
||||
[
|
||||
'vite-plugin-checker',
|
||||
{
|
||||
vueTsc: true,
|
||||
eslint: {
|
||||
lintCommand: 'eslint -c ./eslint.config.js "./src*/**/*.{ts,js,mjs,cjs,vue}"',
|
||||
useFlatConfig: true,
|
||||
},
|
||||
},
|
||||
{ server: false },
|
||||
],
|
||||
],
|
||||
},
|
||||
|
||||
// Full list of options: https://v2.quasar.dev/quasar-cli-vite/quasar-config-file#devserver
|
||||
devServer: {
|
||||
// https: true,
|
||||
open: true, // opens browser window automatically
|
||||
},
|
||||
|
||||
// https://v2.quasar.dev/quasar-cli-vite/quasar-config-file#framework
|
||||
framework: {
|
||||
config: {},
|
||||
|
||||
// iconSet: 'material-icons', // Quasar icon set
|
||||
// lang: 'en-US', // Quasar language pack
|
||||
|
||||
// For special cases outside of where the auto-import strategy can have an impact
|
||||
// (like functional components as one of the examples),
|
||||
// you can manually specify Quasar components/directives to be available everywhere:
|
||||
//
|
||||
// components: [],
|
||||
// directives: [],
|
||||
|
||||
// Quasar plugins
|
||||
plugins: [],
|
||||
},
|
||||
|
||||
// animations: 'all', // --- includes all animations
|
||||
// https://v2.quasar.dev/options/animations
|
||||
animations: [],
|
||||
|
||||
// https://v2.quasar.dev/quasar-cli-vite/quasar-config-file#sourcefiles
|
||||
// sourceFiles: {
|
||||
// rootComponent: 'src/App.vue',
|
||||
// router: 'src/router/index',
|
||||
// store: 'src/store/index',
|
||||
// pwaRegisterServiceWorker: 'src-pwa/register-service-worker',
|
||||
// pwaServiceWorker: 'src-pwa/custom-service-worker',
|
||||
// pwaManifestFile: 'src-pwa/manifest.json',
|
||||
// electronMain: 'src-electron/electron-main',
|
||||
// electronPreload: 'src-electron/electron-preload'
|
||||
// bexManifestFile: 'src-bex/manifest.json
|
||||
// },
|
||||
|
||||
// https://v2.quasar.dev/quasar-cli-vite/developing-ssr/configuring-ssr
|
||||
ssr: {
|
||||
prodPort: 3000, // The default port that the production server should use
|
||||
// (gets superseded if process.env.PORT is specified at runtime)
|
||||
|
||||
middlewares: [
|
||||
'render', // keep this as last one
|
||||
],
|
||||
|
||||
// extendPackageJson (json) {},
|
||||
// extendSSRWebserverConf (esbuildConf) {},
|
||||
|
||||
// manualStoreSerialization: true,
|
||||
// manualStoreSsrContextInjection: true,
|
||||
// manualStoreHydration: true,
|
||||
// manualPostHydrationTrigger: true,
|
||||
|
||||
pwa: false,
|
||||
// pwaOfflineHtmlFilename: 'offline.html', // do NOT use index.html as name!
|
||||
|
||||
// pwaExtendGenerateSWOptions (cfg) {},
|
||||
// pwaExtendInjectManifestOptions (cfg) {}
|
||||
},
|
||||
|
||||
// https://v2.quasar.dev/quasar-cli-vite/developing-pwa/configuring-pwa
|
||||
pwa: {
|
||||
workboxMode: 'GenerateSW', // 'GenerateSW' or 'InjectManifest'
|
||||
// swFilename: 'sw.js',
|
||||
// manifestFilename: 'manifest.json',
|
||||
// extendManifestJson (json) {},
|
||||
// useCredentialsForManifestTag: true,
|
||||
// injectPwaMetaTags: false,
|
||||
// extendPWACustomSWConf (esbuildConf) {},
|
||||
// extendGenerateSWOptions (cfg) {},
|
||||
// extendInjectManifestOptions (cfg) {}
|
||||
},
|
||||
|
||||
// Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-cordova-apps/configuring-cordova
|
||||
cordova: {
|
||||
// noIosLegacyBuildFlag: true, // uncomment only if you know what you are doing
|
||||
},
|
||||
|
||||
// Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-capacitor-apps/configuring-capacitor
|
||||
capacitor: {
|
||||
hideSplashscreen: true,
|
||||
},
|
||||
|
||||
// Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-electron-apps/configuring-electron
|
||||
electron: {
|
||||
// extendElectronMainConf (esbuildConf) {},
|
||||
// extendElectronPreloadConf (esbuildConf) {},
|
||||
|
||||
// extendPackageJson (json) {},
|
||||
|
||||
// Electron preload scripts (if any) from /src-electron, WITHOUT file extension
|
||||
preloadScripts: ['electron-preload'],
|
||||
|
||||
// specify the debugging port to use for the Electron app when running in development mode
|
||||
inspectPort: 5858,
|
||||
|
||||
bundler: 'packager', // 'packager' or 'builder'
|
||||
|
||||
packager: {
|
||||
// https://github.com/electron-userland/electron-packager/blob/master/docs/api.md#options
|
||||
// OS X / Mac App Store
|
||||
// appBundleId: '',
|
||||
// appCategoryType: '',
|
||||
// osxSign: '',
|
||||
// protocol: 'myapp://path',
|
||||
// Windows only
|
||||
// win32metadata: { ... }
|
||||
},
|
||||
|
||||
builder: {
|
||||
// https://www.electron.build/configuration
|
||||
|
||||
appId: 'admin-section',
|
||||
},
|
||||
},
|
||||
|
||||
// Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-browser-extensions/configuring-bex
|
||||
bex: {
|
||||
// extendBexScriptsConf (esbuildConf) {},
|
||||
// extendBexManifestJson (json) {},
|
||||
|
||||
/**
|
||||
* The list of extra scripts (js/ts) not in your bex manifest that you want to
|
||||
* compile and use in your browser extension. Maybe dynamic use them?
|
||||
*
|
||||
* Each entry in the list should be a relative filename to /src-bex/
|
||||
*
|
||||
* @example [ 'my-script.ts', 'sub-folder/my-other-script.js' ]
|
||||
*/
|
||||
extraScripts: [],
|
||||
},
|
||||
};
|
||||
});
|
||||
7
quasar/admin_section/src/App.vue
Normal file
7
quasar/admin_section/src/App.vue
Normal file
@@ -0,0 +1,7 @@
|
||||
<template>
|
||||
<router-view />
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
//
|
||||
</script>
|
||||
15
quasar/admin_section/src/assets/quasar-logo-vertical.svg
Normal file
15
quasar/admin_section/src/assets/quasar-logo-vertical.svg
Normal file
@@ -0,0 +1,15 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 356 360">
|
||||
<path
|
||||
d="M43.4 303.4c0 3.8-2.3 6.3-7.1 6.3h-15v-22h14.4c4.3 0 6.2 2.2 6.2 5.2 0 2.6-1.5 4.4-3.4 5 2.8.4 4.9 2.5 4.9 5.5zm-8-13H24.1v6.9H35c2.1 0 4-1.3 4-3.8 0-2.2-1.3-3.1-3.7-3.1zm5.1 12.6c0-2.3-1.8-3.7-4-3.7H24.2v7.7h11.7c3.4 0 4.6-1.8 4.6-4zm36.3 4v2.7H56v-22h20.6v2.7H58.9v6.8h14.6v2.3H58.9v7.5h17.9zm23-5.8v8.5H97v-8.5l-11-13.4h3.4l8.9 11 8.8-11h3.4l-10.8 13.4zm19.1-1.8V298c0-7.9 5.2-10.7 12.7-10.7 7.5 0 13 2.8 13 10.7v1.4c0 7.9-5.5 10.8-13 10.8s-12.7-3-12.7-10.8zm22.7 0V298c0-5.7-3.9-8-10-8-6 0-9.8 2.3-9.8 8v1.4c0 5.8 3.8 8.1 9.8 8.1 6 0 10-2.3 10-8.1zm37.2-11.6v21.9h-2.9l-15.8-17.9v17.9h-2.8v-22h3l15.6 18v-18h2.9zm37.9 10.2v1.3c0 7.8-5.2 10.4-12.4 10.4H193v-22h11.2c7.2 0 12.4 2.8 12.4 10.3zm-3 0c0-5.3-3.3-7.6-9.4-7.6h-8.4V307h8.4c6 0 9.5-2 9.5-7.7V298zm50.8-7.6h-9.7v19.3h-3v-19.3h-9.7v-2.6h22.4v2.6zm34.4-2.6v21.9h-3v-10.1h-16.8v10h-2.8v-21.8h2.8v9.2H296v-9.2h2.9zm34.9 19.2v2.7h-20.7v-22h20.6v2.7H316v6.8h14.5v2.3H316v7.5h17.8zM24 340.2v7.3h13.9v2.4h-14v9.6H21v-22h20v2.7H24zm41.5 11.4h-9.8v7.9H53v-22h13.3c5.1 0 8 1.9 8 6.8 0 3.7-2 6.3-5.6 7l6 8.2h-3.3l-5.8-8zm-9.8-2.6H66c3.1 0 5.3-1.5 5.3-4.7 0-3.3-2.2-4.1-5.3-4.1H55.7v8.8zm47.9 6.2H89l-2 4.3h-3.2l10.7-22.2H98l10.7 22.2h-3.2l-2-4.3zm-1-2.3l-6.3-13-6 13h12.2zm46.3-15.3v21.9H146v-17.2L135.7 358h-2.1l-10.2-15.6v17h-2.8v-21.8h3l11 16.9 11.3-17h3zm35 19.3v2.6h-20.7v-22h20.6v2.7H166v6.8h14.5v2.3H166v7.6h17.8zm47-19.3l-8.3 22h-3l-7.1-18.6-7 18.6h-3l-8.2-22h3.3L204 356l6.8-18.5h3.4L221 356l6.6-18.5h3.3zm10 11.6v-1.4c0-7.8 5.2-10.7 12.7-10.7 7.6 0 13 2.9 13 10.7v1.4c0 7.9-5.4 10.8-13 10.8-7.5 0-12.7-3-12.7-10.8zm22.8 0v-1.4c0-5.7-4-8-10-8s-9.9 2.3-9.9 8v1.4c0 5.8 3.8 8.2 9.8 8.2 6.1 0 10-2.4 10-8.2zm28.3 2.4h-9.8v7.9h-2.8v-22h13.2c5.2 0 8 1.9 8 6.8 0 3.7-2 6.3-5.6 7l6 8.2h-3.3l-5.8-8zm-9.8-2.6h10.2c3 0 5.2-1.5 5.2-4.7 0-3.3-2.1-4.1-5.2-4.1h-10.2v8.8zm40.3-1.5l-6.8 5.6v6.4h-2.9v-22h2.9v12.3l15.2-12.2h3.7l-9.9 8.1 10.3 13.8h-3.6l-8.9-12z" />
|
||||
<path fill="#050A14"
|
||||
d="M188.4 71.7a10.4 10.4 0 01-20.8 0 10.4 10.4 0 1120.8 0zM224.2 45c-2.2-3.9-5-7.5-8.2-10.7l-12 7c-3.7-3.2-8-5.7-12.6-7.3a49.4 49.4 0 00-9.7 13.9 59 59 0 0140.1 14l7.6-4.4a57 57 0 00-5.2-12.5zM178 125.1c4.5 0 9-.6 13.4-1.7v-14a40 40 0 0012.5-7.2 47.7 47.7 0 00-7.1-15.3 59 59 0 01-32.2 27.7v8.7c4.4 1.2 8.9 1.8 13.4 1.8zM131.8 45c-2.3 4-4 8.1-5.2 12.5l12 7a40 40 0 000 14.4c5.7 1.5 11.3 2 16.9 1.5a59 59 0 01-8-41.7l-7.5-4.3c-3.2 3.2-6 6.7-8.2 10.6z" />
|
||||
<path fill="#00B4FF"
|
||||
d="M224.2 98.4c2.3-3.9 4-8 5.2-12.4l-12-7a40 40 0 000-14.5c-5.7-1.5-11.3-2-16.9-1.5a59 59 0 018 41.7l7.5 4.4c3.2-3.2 6-6.8 8.2-10.7zm-92.4 0c2.2 4 5 7.5 8.2 10.7l12-7a40 40 0 0012.6 7.3c4-4.1 7.3-8.8 9.7-13.8a59 59 0 01-40-14l-7.7 4.4c1.2 4.3 3 8.5 5.2 12.4zm46.2-80c-4.5 0-9 .5-13.4 1.7V34a40 40 0 00-12.5 7.2c1.5 5.7 4 10.8 7.1 15.4a59 59 0 0132.2-27.7V20a53.3 53.3 0 00-13.4-1.8z" />
|
||||
<path fill="#00B4FF"
|
||||
d="M178 9.2a62.6 62.6 0 11-.1 125.2A62.6 62.6 0 01178 9.2m0-9.2a71.7 71.7 0 100 143.5A71.7 71.7 0 00178 0z" />
|
||||
<path fill="#050A14"
|
||||
d="M96.6 212v4.3c-9.2-.8-15.4-5.8-15.4-17.8V180h4.6v18.4c0 8.6 4 12.6 10.8 13.5zm16-31.9v18.4c0 8.9-4.3 12.8-10.9 13.5v4.4c9.2-.7 15.5-5.6 15.5-18v-18.3h-4.7zM62.2 199v-2.2c0-12.7-8.8-17.4-21-17.4-12.1 0-20.7 4.7-20.7 17.4v2.2c0 12.8 8.6 17.6 20.7 17.6 1.5 0 3-.1 4.4-.3l11.8 6.2 2-3.3-8.2-4-6.4-3.1a32 32 0 01-3.6.2c-9.8 0-16-3.9-16-13.3v-2.2c0-9.3 6.2-13.1 16-13.1 9.9 0 16.3 3.8 16.3 13.1v2.2c0 5.3-2.1 8.7-5.6 10.8l4.8 2.4c3.4-2.8 5.5-7 5.5-13.2zM168 215.6h5.1L156 179.7h-4.8l17 36zM143 205l7.4-15.7-2.4-5-15.1 31.4h5.1l3.3-7h18.3l-1.8-3.7H143zm133.7 10.7h5.2l-17.3-35.9h-4.8l17 36zm-25-10.7l7.4-15.7-2.4-5-15.1 31.4h5.1l3.3-7h18.3l-1.7-3.7h-14.8zm73.8-2.5c6-1.2 9-5.4 9-11.4 0-8-4.5-10.9-12.9-10.9h-21.4v35.5h4.6v-31.3h16.5c5 0 8.5 1.4 8.5 6.7 0 5.2-3.5 7.7-8.5 7.7h-11.4v4.1h10.7l9.3 12.8h5.5l-9.9-13.2zm-117.4 9.9c-9.7 0-14.7-2.5-18.6-6.3l-2.2 3.8c5.1 5 11 6.7 21 6.7 1.6 0 3.1-.1 4.6-.3l-1.9-4h-3zm18.4-7c0-6.4-4.7-8.6-13.8-9.4l-10.1-1c-6.7-.7-9.3-2.2-9.3-5.6 0-2.5 1.4-4 4.6-5l-1.8-3.8c-4.7 1.4-7.5 4.2-7.5 8.9 0 5.2 3.4 8.7 13 9.6l11.3 1.2c6.4.6 8.9 2 8.9 5.4 0 2.7-2.1 4.7-6 5.8l1.8 3.9c5.3-1.6 8.9-4.7 8.9-10zm-20.3-21.9c7.9 0 13.3 1.8 18.1 5.7l1.8-3.9a30 30 0 00-19.6-5.9c-2 0-4 .1-5.7.3l1.9 4 3.5-.2z" />
|
||||
<path fill="#00B4FF"
|
||||
d="M.5 251.9c29.6-.5 59.2-.8 88.8-1l88.7-.3 88.7.3 44.4.4 44.4.6-44.4.6-44.4.4-88.7.3-88.7-.3a7981 7981 0 01-88.8-1z" />
|
||||
<path fill="none" d="M-565.2 324H-252v15.8h-313.2z" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.4 KiB |
33
quasar/admin_section/src/boot/i18n.ts
Normal file
33
quasar/admin_section/src/boot/i18n.ts
Normal file
@@ -0,0 +1,33 @@
|
||||
import { defineBoot } from '#q-app/wrappers';
|
||||
import { createI18n } from 'vue-i18n';
|
||||
|
||||
import messages from 'src/i18n';
|
||||
|
||||
export type MessageLanguages = keyof typeof messages;
|
||||
// Type-define 'en-US' as the master schema for the resource
|
||||
export type MessageSchema = (typeof messages)['en-US'];
|
||||
|
||||
// See https://vue-i18n.intlify.dev/guide/advanced/typescript.html#global-resource-schema-type-definition
|
||||
/* eslint-disable @typescript-eslint/no-empty-object-type */
|
||||
declare module 'vue-i18n' {
|
||||
// define the locale messages schema
|
||||
export interface DefineLocaleMessage extends MessageSchema {}
|
||||
|
||||
// define the datetime format schema
|
||||
export interface DefineDateTimeFormat {}
|
||||
|
||||
// define the number format schema
|
||||
export interface DefineNumberFormat {}
|
||||
}
|
||||
/* eslint-enable @typescript-eslint/no-empty-object-type */
|
||||
|
||||
export default defineBoot(({ app }) => {
|
||||
const i18n = createI18n<{ message: MessageSchema }, MessageLanguages>({
|
||||
locale: 'en-US',
|
||||
legacy: false,
|
||||
messages,
|
||||
});
|
||||
|
||||
// Set i18n instance on app
|
||||
app.use(i18n);
|
||||
});
|
||||
1
quasar/admin_section/src/css/app.scss
Normal file
1
quasar/admin_section/src/css/app.scss
Normal file
@@ -0,0 +1 @@
|
||||
// app global css in SCSS form
|
||||
25
quasar/admin_section/src/css/quasar.variables.scss
Normal file
25
quasar/admin_section/src/css/quasar.variables.scss
Normal file
@@ -0,0 +1,25 @@
|
||||
// Quasar SCSS (& Sass) Variables
|
||||
// --------------------------------------------------
|
||||
// To customize the look and feel of this app, you can override
|
||||
// the Sass/SCSS variables found in Quasar's source Sass/SCSS files.
|
||||
|
||||
// Check documentation for full list of Quasar variables
|
||||
|
||||
// Your own variables (that are declared here) and Quasar's own
|
||||
// ones will be available out of the box in your .vue/.scss/.sass files
|
||||
|
||||
// It's highly recommended to change the default colors
|
||||
// to match your app's branding.
|
||||
// Tip: Use the "Theme Builder" on Quasar's documentation website.
|
||||
|
||||
$primary: #1976d2;
|
||||
$secondary: #26a69a;
|
||||
$accent: #9c27b0;
|
||||
|
||||
$dark: #1d1d1d;
|
||||
$dark-page: #121212;
|
||||
|
||||
$positive: #21ba45;
|
||||
$negative: #c10015;
|
||||
$info: #31ccec;
|
||||
$warning: #f2c037;
|
||||
8
quasar/admin_section/src/env.d.ts
vendored
Normal file
8
quasar/admin_section/src/env.d.ts
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
declare namespace NodeJS {
|
||||
interface ProcessEnv {
|
||||
NODE_ENV: string;
|
||||
SITE_URL: string | undefined;
|
||||
VUE_ROUTER_MODE: 'hash' | 'history' | 'abstract' | undefined;
|
||||
VUE_ROUTER_BASE: string | undefined;
|
||||
}
|
||||
}
|
||||
7
quasar/admin_section/src/i18n/en-US/index.ts
Normal file
7
quasar/admin_section/src/i18n/en-US/index.ts
Normal file
@@ -0,0 +1,7 @@
|
||||
// This is just an example,
|
||||
// so you can safely delete all default props below
|
||||
|
||||
export default {
|
||||
failed: 'Action failed',
|
||||
success: 'Action was successful',
|
||||
};
|
||||
5
quasar/admin_section/src/i18n/index.ts
Normal file
5
quasar/admin_section/src/i18n/index.ts
Normal file
@@ -0,0 +1,5 @@
|
||||
import enUS from './en-US';
|
||||
|
||||
export default {
|
||||
'en-US': enUS,
|
||||
};
|
||||
42
quasar/admin_section/src/layouts/MainLayout.vue
Normal file
42
quasar/admin_section/src/layouts/MainLayout.vue
Normal file
@@ -0,0 +1,42 @@
|
||||
<template>
|
||||
<q-layout view="lHh Lpr lFf">
|
||||
<q-header elevated>
|
||||
<q-toolbar>
|
||||
<q-btn flat dense round icon="menu" aria-label="Menu" @click="toggleLeftDrawer" />
|
||||
|
||||
<q-toolbar-title> Quasar App </q-toolbar-title>
|
||||
|
||||
<div>Quasar v{{ $q.version }}</div>
|
||||
</q-toolbar>
|
||||
</q-header>
|
||||
|
||||
<q-drawer v-model="leftDrawerOpen" show-if-above bordered>
|
||||
<q-list>
|
||||
<q-item-label header> List Items </q-item-label>
|
||||
<q-item
|
||||
clickable
|
||||
tag="a"
|
||||
:href="privateLink"
|
||||
>
|
||||
<q-item-section>Private</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-drawer>
|
||||
|
||||
<q-page-container>
|
||||
<router-view />
|
||||
</q-page-container>
|
||||
</q-layout>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
|
||||
const leftDrawerOpen = ref(false);
|
||||
const siteUrl = (process.env.SITE_URL || '').replace(/\/+$/, '');
|
||||
const privateLink = `${siteUrl}/private`;
|
||||
|
||||
function toggleLeftDrawer() {
|
||||
leftDrawerOpen.value = !leftDrawerOpen.value;
|
||||
}
|
||||
</script>
|
||||
23
quasar/admin_section/src/pages/ErrorNotFound.vue
Normal file
23
quasar/admin_section/src/pages/ErrorNotFound.vue
Normal file
@@ -0,0 +1,23 @@
|
||||
<template>
|
||||
<div class="fullscreen bg-blue text-white text-center q-pa-md flex flex-center">
|
||||
<div>
|
||||
<div style="font-size: 30vh">404</div>
|
||||
|
||||
<div class="text-h2" style="opacity: 0.4">Oops. Nothing here...</div>
|
||||
|
||||
<q-btn
|
||||
class="q-mt-xl"
|
||||
color="white"
|
||||
text-color="blue"
|
||||
unelevated
|
||||
to="/"
|
||||
label="Go Home"
|
||||
no-caps
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
//
|
||||
</script>
|
||||
9
quasar/admin_section/src/pages/IndexPage.vue
Normal file
9
quasar/admin_section/src/pages/IndexPage.vue
Normal file
@@ -0,0 +1,9 @@
|
||||
<template>
|
||||
<q-page class="row items-center justify-evenly">
|
||||
admin page
|
||||
</q-page>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
|
||||
</script>
|
||||
37
quasar/admin_section/src/router/index.ts
Normal file
37
quasar/admin_section/src/router/index.ts
Normal file
@@ -0,0 +1,37 @@
|
||||
import { defineRouter } from '#q-app/wrappers';
|
||||
import {
|
||||
createMemoryHistory,
|
||||
createRouter,
|
||||
createWebHashHistory,
|
||||
createWebHistory,
|
||||
} from 'vue-router';
|
||||
import routes from './routes';
|
||||
|
||||
/*
|
||||
* If not building with SSR mode, you can
|
||||
* directly export the Router instantiation;
|
||||
*
|
||||
* The function below can be async too; either use
|
||||
* async/await or return a Promise which resolves
|
||||
* with the Router instance.
|
||||
*/
|
||||
|
||||
export default defineRouter(function (/* { store, ssrContext } */) {
|
||||
const createHistory = process.env.SERVER
|
||||
? createMemoryHistory
|
||||
: process.env.VUE_ROUTER_MODE === 'history'
|
||||
? createWebHistory
|
||||
: createWebHashHistory;
|
||||
|
||||
const Router = createRouter({
|
||||
scrollBehavior: () => ({ left: 0, top: 0 }),
|
||||
routes,
|
||||
|
||||
// Leave this as is and make changes in quasar.conf.js instead!
|
||||
// quasar.conf.js -> build -> vueRouterMode
|
||||
// quasar.conf.js -> build -> publicPath
|
||||
history: createHistory(process.env.VUE_ROUTER_BASE),
|
||||
});
|
||||
|
||||
return Router;
|
||||
});
|
||||
18
quasar/admin_section/src/router/routes.ts
Normal file
18
quasar/admin_section/src/router/routes.ts
Normal file
@@ -0,0 +1,18 @@
|
||||
import type { RouteRecordRaw } from 'vue-router';
|
||||
|
||||
const routes: RouteRecordRaw[] = [
|
||||
{
|
||||
path: '/',
|
||||
component: () => import('layouts/MainLayout.vue'),
|
||||
children: [{ path: '', component: () => import('pages/IndexPage.vue') }],
|
||||
},
|
||||
|
||||
// Always leave this as last one,
|
||||
// but you can also remove it
|
||||
{
|
||||
path: '/:catchAll(.*)*',
|
||||
component: () => import('pages/ErrorNotFound.vue'),
|
||||
},
|
||||
];
|
||||
|
||||
export default routes;
|
||||
21
quasar/admin_section/src/stores/example-store.ts
Normal file
21
quasar/admin_section/src/stores/example-store.ts
Normal file
@@ -0,0 +1,21 @@
|
||||
import { defineStore, acceptHMRUpdate } from 'pinia';
|
||||
|
||||
export const useCounterStore = defineStore('counter', {
|
||||
state: () => ({
|
||||
counter: 0,
|
||||
}),
|
||||
|
||||
getters: {
|
||||
doubleCount: (state) => state.counter * 2,
|
||||
},
|
||||
|
||||
actions: {
|
||||
increment() {
|
||||
this.counter++;
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
if (import.meta.hot) {
|
||||
import.meta.hot.accept(acceptHMRUpdate(useCounterStore, import.meta.hot));
|
||||
}
|
||||
32
quasar/admin_section/src/stores/index.ts
Normal file
32
quasar/admin_section/src/stores/index.ts
Normal file
@@ -0,0 +1,32 @@
|
||||
import { defineStore } from '#q-app/wrappers';
|
||||
import { createPinia } from 'pinia';
|
||||
|
||||
/*
|
||||
* When adding new properties to stores, you should also
|
||||
* extend the `PiniaCustomProperties` interface.
|
||||
* @see https://pinia.vuejs.org/core-concepts/plugins.html#typing-new-store-properties
|
||||
*/
|
||||
declare module 'pinia' {
|
||||
// eslint-disable-next-line @typescript-eslint/no-empty-object-type
|
||||
export interface PiniaCustomProperties {
|
||||
// add your custom properties here, if any
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* If not building with SSR mode, you can
|
||||
* directly export the Store instantiation;
|
||||
*
|
||||
* The function below can be async too; either use
|
||||
* async/await or return a Promise which resolves
|
||||
* with the Store instance.
|
||||
*/
|
||||
|
||||
export default defineStore((/* { ssrContext } */) => {
|
||||
const pinia = createPinia();
|
||||
|
||||
// You can add Pinia plugins here
|
||||
// pinia.use(SomePiniaPlugin)
|
||||
|
||||
return pinia;
|
||||
});
|
||||
7
quasar/admin_section/tsconfig.json
Normal file
7
quasar/admin_section/tsconfig.json
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"extends": "./.quasar/tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"skipLibCheck": true
|
||||
},
|
||||
"exclude": ["node_modules", "dist"]
|
||||
}
|
||||
7
quasar/private_section/.editorconfig
Normal file
7
quasar/private_section/.editorconfig
Normal file
@@ -0,0 +1,7 @@
|
||||
[*.{js,jsx,mjs,cjs,ts,tsx,mts,cts,vue}]
|
||||
charset = utf-8
|
||||
indent_size = 2
|
||||
indent_style = space
|
||||
end_of_line = lf
|
||||
insert_final_newline = true
|
||||
trim_trailing_whitespace = true
|
||||
33
quasar/private_section/.gitignore
vendored
Normal file
33
quasar/private_section/.gitignore
vendored
Normal file
@@ -0,0 +1,33 @@
|
||||
.DS_Store
|
||||
.thumbs.db
|
||||
node_modules
|
||||
|
||||
# Quasar core related directories
|
||||
.quasar
|
||||
/dist
|
||||
/quasar.config.*.temporary.compiled*
|
||||
|
||||
# Cordova related directories and files
|
||||
/src-cordova/node_modules
|
||||
/src-cordova/platforms
|
||||
/src-cordova/plugins
|
||||
/src-cordova/www
|
||||
|
||||
# Capacitor related directories and files
|
||||
/src-capacitor/www
|
||||
/src-capacitor/node_modules
|
||||
|
||||
# Log files
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
# Editor directories and files
|
||||
.idea
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
|
||||
# local .env files
|
||||
.env.local*
|
||||
5
quasar/private_section/.prettierrc.json
Normal file
5
quasar/private_section/.prettierrc.json
Normal file
@@ -0,0 +1,5 @@
|
||||
{
|
||||
"$schema": "https://json.schemastore.org/prettierrc",
|
||||
"singleQuote": true,
|
||||
"printWidth": 100
|
||||
}
|
||||
43
quasar/private_section/README.md
Normal file
43
quasar/private_section/README.md
Normal file
@@ -0,0 +1,43 @@
|
||||
# Quasar App (private_section)
|
||||
|
||||
A Quasar Project
|
||||
|
||||
## Install the dependencies
|
||||
|
||||
```bash
|
||||
yarn
|
||||
# or
|
||||
npm install
|
||||
```
|
||||
|
||||
### Start the app in development mode (hot-code reloading, error reporting, etc.)
|
||||
|
||||
```bash
|
||||
quasar dev
|
||||
```
|
||||
|
||||
### Lint the files
|
||||
|
||||
```bash
|
||||
yarn lint
|
||||
# or
|
||||
npm run lint
|
||||
```
|
||||
|
||||
### Format the files
|
||||
|
||||
```bash
|
||||
yarn format
|
||||
# or
|
||||
npm run format
|
||||
```
|
||||
|
||||
### Build the app for production
|
||||
|
||||
```bash
|
||||
quasar build
|
||||
```
|
||||
|
||||
### Customize the configuration
|
||||
|
||||
See [Configuring quasar.config.js](https://v2.quasar.dev/quasar-cli-vite/quasar-config-js).
|
||||
83
quasar/private_section/eslint.config.js
Normal file
83
quasar/private_section/eslint.config.js
Normal file
@@ -0,0 +1,83 @@
|
||||
import js from '@eslint/js';
|
||||
import globals from 'globals';
|
||||
import pluginVue from 'eslint-plugin-vue';
|
||||
import pluginQuasar from '@quasar/app-vite/eslint';
|
||||
import { defineConfigWithVueTs, vueTsConfigs } from '@vue/eslint-config-typescript';
|
||||
import prettierSkipFormatting from '@vue/eslint-config-prettier/skip-formatting';
|
||||
|
||||
export default defineConfigWithVueTs(
|
||||
{
|
||||
/**
|
||||
* Ignore the following files.
|
||||
* Please note that pluginQuasar.configs.recommended() already ignores
|
||||
* the "node_modules" folder for you (and all other Quasar project
|
||||
* relevant folders and files).
|
||||
*
|
||||
* ESLint requires "ignores" key to be the only one in this object
|
||||
*/
|
||||
// ignores: []
|
||||
},
|
||||
|
||||
pluginQuasar.configs.recommended(),
|
||||
js.configs.recommended,
|
||||
|
||||
/**
|
||||
* https://eslint.vuejs.org
|
||||
*
|
||||
* pluginVue.configs.base
|
||||
* -> Settings and rules to enable correct ESLint parsing.
|
||||
* pluginVue.configs[ 'flat/essential']
|
||||
* -> base, plus rules to prevent errors or unintended behavior.
|
||||
* pluginVue.configs["flat/strongly-recommended"]
|
||||
* -> Above, plus rules to considerably improve code readability and/or dev experience.
|
||||
* pluginVue.configs["flat/recommended"]
|
||||
* -> Above, plus rules to enforce subjective community defaults to ensure consistency.
|
||||
*/
|
||||
pluginVue.configs['flat/essential'],
|
||||
|
||||
{
|
||||
files: ['**/*.ts', '**/*.vue'],
|
||||
rules: {
|
||||
'@typescript-eslint/consistent-type-imports': ['error', { prefer: 'type-imports' }],
|
||||
},
|
||||
},
|
||||
// https://github.com/vuejs/eslint-config-typescript
|
||||
vueTsConfigs.recommendedTypeChecked,
|
||||
|
||||
{
|
||||
languageOptions: {
|
||||
ecmaVersion: 'latest',
|
||||
sourceType: 'module',
|
||||
|
||||
globals: {
|
||||
...globals.browser,
|
||||
...globals.node, // SSR, Electron, config files
|
||||
process: 'readonly', // process.env.*
|
||||
ga: 'readonly', // Google Analytics
|
||||
cordova: 'readonly',
|
||||
Capacitor: 'readonly',
|
||||
chrome: 'readonly', // BEX related
|
||||
browser: 'readonly', // BEX related
|
||||
},
|
||||
},
|
||||
|
||||
// add your custom rules here
|
||||
rules: {
|
||||
'prefer-promise-reject-errors': 'off',
|
||||
|
||||
// allow debugger during development only
|
||||
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
|
||||
},
|
||||
},
|
||||
|
||||
{
|
||||
files: ['src-pwa/custom-service-worker.ts'],
|
||||
languageOptions: {
|
||||
globals: {
|
||||
...globals.serviceworker,
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
prettierSkipFormatting,
|
||||
);
|
||||
24
quasar/private_section/index.html
Normal file
24
quasar/private_section/index.html
Normal file
@@ -0,0 +1,24 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title><%= productName %></title>
|
||||
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="<%= productDescription %>" />
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<meta name="msapplication-tap-highlight" content="no" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>"
|
||||
/>
|
||||
|
||||
<link rel="icon" type="image/png" sizes="128x128" href="icons/favicon-128x128.png" />
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png" />
|
||||
<link rel="icon" type="image/ico" href="favicon.ico" />
|
||||
</head>
|
||||
<body>
|
||||
<!-- quasar:entry-point -->
|
||||
</body>
|
||||
</html>
|
||||
48
quasar/private_section/package.json
Normal file
48
quasar/private_section/package.json
Normal file
@@ -0,0 +1,48 @@
|
||||
{
|
||||
"name": "private_section",
|
||||
"version": "0.0.1",
|
||||
"description": "Quasar Project for the private section of the application",
|
||||
"productName": "Quasar App",
|
||||
"author": "fabio <prada.fabio@gmail.com>",
|
||||
"type": "module",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"lint": "eslint -c ./eslint.config.js \"./src*/**/*.{ts,js,cjs,mjs,vue}\"",
|
||||
"format": "prettier --write \"**/*.{js,ts,vue,scss,html,md,json}\" --ignore-path .gitignore",
|
||||
"test": "echo \"No test specified\" && exit 0",
|
||||
"dev": "quasar dev",
|
||||
"build": "quasar build",
|
||||
"postinstall": "quasar prepare"
|
||||
},
|
||||
"dependencies": {
|
||||
"@quasar/extras": "^1.17.0",
|
||||
"pinia": "^3.0.4",
|
||||
"quasar": "^2.18.6",
|
||||
"vue": "^3.5.29",
|
||||
"vue-i18n": "^11.2.8",
|
||||
"vue-router": "^5.0.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@eslint/js": "^9.39.3",
|
||||
"@intlify/unplugin-vue-i18n": "^4.0.0",
|
||||
"@quasar/app-vite": "^2.4.1",
|
||||
"@types/node": "^20.19.35",
|
||||
"@vue/eslint-config-prettier": "^10.2.0",
|
||||
"@vue/eslint-config-typescript": "^14.7.0",
|
||||
"autoprefixer": "^10.4.27",
|
||||
"eslint": "^9.39.3",
|
||||
"eslint-plugin-vue": "^10.8.0",
|
||||
"globals": "^16.5.0",
|
||||
"prettier": "^3.8.1",
|
||||
"typescript": "^5.9.3",
|
||||
"vite-plugin-checker": "^0.11.0",
|
||||
"vue-eslint-parser": "^10.4.0",
|
||||
"vue-tsc": "^3.2.5"
|
||||
},
|
||||
"engines": {
|
||||
"node": "^28 || ^26 || ^24 || ^22 || ^20",
|
||||
"npm": ">= 6.13.4",
|
||||
"yarn": ">= 1.21.1",
|
||||
"pnpm": ">= 10.0.0"
|
||||
}
|
||||
}
|
||||
5844
quasar/private_section/pnpm-lock.yaml
generated
Normal file
5844
quasar/private_section/pnpm-lock.yaml
generated
Normal file
File diff suppressed because it is too large
Load Diff
2
quasar/private_section/pnpm-workspace.yaml
Normal file
2
quasar/private_section/pnpm-workspace.yaml
Normal file
@@ -0,0 +1,2 @@
|
||||
# https://pnpm.io/settings
|
||||
shamefullyHoist: true
|
||||
29
quasar/private_section/postcss.config.js
Normal file
29
quasar/private_section/postcss.config.js
Normal file
@@ -0,0 +1,29 @@
|
||||
// https://github.com/michael-ciniawsky/postcss-load-config
|
||||
|
||||
import autoprefixer from 'autoprefixer';
|
||||
// import rtlcss from 'postcss-rtlcss'
|
||||
|
||||
export default {
|
||||
plugins: [
|
||||
// https://github.com/postcss/autoprefixer
|
||||
autoprefixer({
|
||||
overrideBrowserslist: [
|
||||
'last 4 Chrome versions',
|
||||
'last 4 Firefox versions',
|
||||
'last 4 Edge versions',
|
||||
'last 4 Safari versions',
|
||||
'last 4 Android versions',
|
||||
'last 4 ChromeAndroid versions',
|
||||
'last 4 FirefoxAndroid versions',
|
||||
'last 4 iOS versions',
|
||||
],
|
||||
}),
|
||||
|
||||
// https://github.com/elchininet/postcss-rtlcss
|
||||
// If you want to support RTL css, then
|
||||
// 1. yarn/pnpm/bun/npm install postcss-rtlcss
|
||||
// 2. optionally set quasar.config.js > framework > lang to an RTL language
|
||||
// 3. uncomment the following line (and its import statement above):
|
||||
// rtlcss()
|
||||
],
|
||||
};
|
||||
BIN
quasar/private_section/public/favicon.ico
Normal file
BIN
quasar/private_section/public/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
BIN
quasar/private_section/public/icons/favicon-128x128.png
Normal file
BIN
quasar/private_section/public/icons/favicon-128x128.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
quasar/private_section/public/icons/favicon-16x16.png
Normal file
BIN
quasar/private_section/public/icons/favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 859 B |
BIN
quasar/private_section/public/icons/favicon-32x32.png
Normal file
BIN
quasar/private_section/public/icons/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
quasar/private_section/public/icons/favicon-96x96.png
Normal file
BIN
quasar/private_section/public/icons/favicon-96x96.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.4 KiB |
242
quasar/private_section/quasar.config.ts
Normal file
242
quasar/private_section/quasar.config.ts
Normal file
@@ -0,0 +1,242 @@
|
||||
// Configuration for your app
|
||||
// https://v2.quasar.dev/quasar-cli-vite/quasar-config-file
|
||||
|
||||
import { defineConfig } from '#q-app/wrappers';
|
||||
import { fileURLToPath } from 'node:url';
|
||||
import { resolve } from 'node:path';
|
||||
import dotenv from 'dotenv';
|
||||
|
||||
dotenv.config({ path: resolve(__dirname, '../../.env') });
|
||||
|
||||
export default defineConfig((ctx) => {
|
||||
return {
|
||||
// https://v2.quasar.dev/quasar-cli-vite/prefetch-feature
|
||||
// preFetch: true,
|
||||
|
||||
// app boot file (/src/boot)
|
||||
// --> boot files are part of "main.js"
|
||||
// https://v2.quasar.dev/quasar-cli-vite/boot-files
|
||||
boot: ['i18n'],
|
||||
|
||||
// https://v2.quasar.dev/quasar-cli-vite/quasar-config-file#css
|
||||
css: ['app.scss'],
|
||||
|
||||
// https://github.com/quasarframework/quasar/tree/dev/extras
|
||||
extras: [
|
||||
// 'ionicons-v4',
|
||||
// 'mdi-v7',
|
||||
// 'fontawesome-v6',
|
||||
// 'eva-icons',
|
||||
// 'themify',
|
||||
// 'line-awesome',
|
||||
// 'roboto-font-latin-ext', // this or either 'roboto-font', NEVER both!
|
||||
|
||||
'roboto-font', // optional, you are not bound to it
|
||||
'material-icons', // optional, you are not bound to it
|
||||
],
|
||||
|
||||
// Full list of options: https://v2.quasar.dev/quasar-cli-vite/quasar-config-file#build
|
||||
build: {
|
||||
env: {
|
||||
SITE_URL: process.env.SITE_URL || '',
|
||||
},
|
||||
target: {
|
||||
browser: ['es2022', 'firefox115', 'chrome115', 'safari14'],
|
||||
node: 'node20',
|
||||
},
|
||||
|
||||
typescript: {
|
||||
strict: true,
|
||||
vueShim: true,
|
||||
// extendTsConfig (tsConfig) {}
|
||||
},
|
||||
|
||||
vueRouterMode: 'hash', // available values: 'hash', 'history'
|
||||
// vueRouterBase,
|
||||
// vueDevtools,
|
||||
// vueOptionsAPI: false,
|
||||
|
||||
// rebuildCache: true, // rebuilds Vite/linter/etc cache on startup
|
||||
|
||||
// publicPath: '/',
|
||||
// analyze: true,
|
||||
// env: {},
|
||||
// rawDefine: {}
|
||||
// ignorePublicFolder: true,
|
||||
// minify: false,
|
||||
// polyfillModulePreload: true,
|
||||
// distDir
|
||||
|
||||
// extendViteConf (viteConf) {},
|
||||
// viteVuePluginOptions: {},
|
||||
|
||||
vitePlugins: [
|
||||
[
|
||||
'@intlify/unplugin-vue-i18n/vite',
|
||||
{
|
||||
// if you want to use Vue I18n Legacy API, you need to set `compositionOnly: false`
|
||||
// compositionOnly: false,
|
||||
|
||||
// if you want to use named tokens in your Vue I18n messages, such as 'Hello {name}',
|
||||
// you need to set `runtimeOnly: false`
|
||||
// runtimeOnly: false,
|
||||
|
||||
ssr: ctx.modeName === 'ssr',
|
||||
|
||||
// you need to set i18n resource including paths !
|
||||
include: [fileURLToPath(new URL('./src/i18n', import.meta.url))],
|
||||
},
|
||||
],
|
||||
|
||||
[
|
||||
'vite-plugin-checker',
|
||||
{
|
||||
vueTsc: true,
|
||||
eslint: {
|
||||
lintCommand: 'eslint -c ./eslint.config.js "./src*/**/*.{ts,js,mjs,cjs,vue}"',
|
||||
useFlatConfig: true,
|
||||
},
|
||||
},
|
||||
{ server: false },
|
||||
],
|
||||
],
|
||||
},
|
||||
|
||||
// Full list of options: https://v2.quasar.dev/quasar-cli-vite/quasar-config-file#devserver
|
||||
devServer: {
|
||||
// https: true,
|
||||
open: true, // opens browser window automatically
|
||||
},
|
||||
|
||||
// https://v2.quasar.dev/quasar-cli-vite/quasar-config-file#framework
|
||||
framework: {
|
||||
config: {},
|
||||
|
||||
// iconSet: 'material-icons', // Quasar icon set
|
||||
// lang: 'en-US', // Quasar language pack
|
||||
|
||||
// For special cases outside of where the auto-import strategy can have an impact
|
||||
// (like functional components as one of the examples),
|
||||
// you can manually specify Quasar components/directives to be available everywhere:
|
||||
//
|
||||
// components: [],
|
||||
// directives: [],
|
||||
|
||||
// Quasar plugins
|
||||
plugins: [],
|
||||
},
|
||||
|
||||
// animations: 'all', // --- includes all animations
|
||||
// https://v2.quasar.dev/options/animations
|
||||
animations: [],
|
||||
|
||||
// https://v2.quasar.dev/quasar-cli-vite/quasar-config-file#sourcefiles
|
||||
// sourceFiles: {
|
||||
// rootComponent: 'src/App.vue',
|
||||
// router: 'src/router/index',
|
||||
// store: 'src/store/index',
|
||||
// pwaRegisterServiceWorker: 'src-pwa/register-service-worker',
|
||||
// pwaServiceWorker: 'src-pwa/custom-service-worker',
|
||||
// pwaManifestFile: 'src-pwa/manifest.json',
|
||||
// electronMain: 'src-electron/electron-main',
|
||||
// electronPreload: 'src-electron/electron-preload'
|
||||
// bexManifestFile: 'src-bex/manifest.json
|
||||
// },
|
||||
|
||||
// https://v2.quasar.dev/quasar-cli-vite/developing-ssr/configuring-ssr
|
||||
ssr: {
|
||||
prodPort: 3000, // The default port that the production server should use
|
||||
// (gets superseded if process.env.PORT is specified at runtime)
|
||||
|
||||
middlewares: [
|
||||
'render', // keep this as last one
|
||||
],
|
||||
|
||||
// extendPackageJson (json) {},
|
||||
// extendSSRWebserverConf (esbuildConf) {},
|
||||
|
||||
// manualStoreSerialization: true,
|
||||
// manualStoreSsrContextInjection: true,
|
||||
// manualStoreHydration: true,
|
||||
// manualPostHydrationTrigger: true,
|
||||
|
||||
pwa: false,
|
||||
// pwaOfflineHtmlFilename: 'offline.html', // do NOT use index.html as name!
|
||||
|
||||
// pwaExtendGenerateSWOptions (cfg) {},
|
||||
// pwaExtendInjectManifestOptions (cfg) {}
|
||||
},
|
||||
|
||||
// https://v2.quasar.dev/quasar-cli-vite/developing-pwa/configuring-pwa
|
||||
pwa: {
|
||||
workboxMode: 'GenerateSW', // 'GenerateSW' or 'InjectManifest'
|
||||
// swFilename: 'sw.js',
|
||||
// manifestFilename: 'manifest.json',
|
||||
// extendManifestJson (json) {},
|
||||
// useCredentialsForManifestTag: true,
|
||||
// injectPwaMetaTags: false,
|
||||
// extendPWACustomSWConf (esbuildConf) {},
|
||||
// extendGenerateSWOptions (cfg) {},
|
||||
// extendInjectManifestOptions (cfg) {}
|
||||
},
|
||||
|
||||
// Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-cordova-apps/configuring-cordova
|
||||
cordova: {
|
||||
// noIosLegacyBuildFlag: true, // uncomment only if you know what you are doing
|
||||
},
|
||||
|
||||
// Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-capacitor-apps/configuring-capacitor
|
||||
capacitor: {
|
||||
hideSplashscreen: true,
|
||||
},
|
||||
|
||||
// Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-electron-apps/configuring-electron
|
||||
electron: {
|
||||
// extendElectronMainConf (esbuildConf) {},
|
||||
// extendElectronPreloadConf (esbuildConf) {},
|
||||
|
||||
// extendPackageJson (json) {},
|
||||
|
||||
// Electron preload scripts (if any) from /src-electron, WITHOUT file extension
|
||||
preloadScripts: ['electron-preload'],
|
||||
|
||||
// specify the debugging port to use for the Electron app when running in development mode
|
||||
inspectPort: 5858,
|
||||
|
||||
bundler: 'packager', // 'packager' or 'builder'
|
||||
|
||||
packager: {
|
||||
// https://github.com/electron-userland/electron-packager/blob/master/docs/api.md#options
|
||||
// OS X / Mac App Store
|
||||
// appBundleId: '',
|
||||
// appCategoryType: '',
|
||||
// osxSign: '',
|
||||
// protocol: 'myapp://path',
|
||||
// Windows only
|
||||
// win32metadata: { ... }
|
||||
},
|
||||
|
||||
builder: {
|
||||
// https://www.electron.build/configuration
|
||||
|
||||
appId: 'private_section',
|
||||
},
|
||||
},
|
||||
|
||||
// Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-browser-extensions/configuring-bex
|
||||
bex: {
|
||||
// extendBexScriptsConf (esbuildConf) {},
|
||||
// extendBexManifestJson (json) {},
|
||||
|
||||
/**
|
||||
* The list of extra scripts (js/ts) not in your bex manifest that you want to
|
||||
* compile and use in your browser extension. Maybe dynamic use them?
|
||||
*
|
||||
* Each entry in the list should be a relative filename to /src-bex/
|
||||
*
|
||||
* @example [ 'my-script.ts', 'sub-folder/my-other-script.js' ]
|
||||
*/
|
||||
extraScripts: [],
|
||||
},
|
||||
};
|
||||
});
|
||||
7
quasar/private_section/src/App.vue
Normal file
7
quasar/private_section/src/App.vue
Normal file
@@ -0,0 +1,7 @@
|
||||
<template>
|
||||
<router-view />
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
//
|
||||
</script>
|
||||
15
quasar/private_section/src/assets/quasar-logo-vertical.svg
Normal file
15
quasar/private_section/src/assets/quasar-logo-vertical.svg
Normal file
@@ -0,0 +1,15 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 356 360">
|
||||
<path
|
||||
d="M43.4 303.4c0 3.8-2.3 6.3-7.1 6.3h-15v-22h14.4c4.3 0 6.2 2.2 6.2 5.2 0 2.6-1.5 4.4-3.4 5 2.8.4 4.9 2.5 4.9 5.5zm-8-13H24.1v6.9H35c2.1 0 4-1.3 4-3.8 0-2.2-1.3-3.1-3.7-3.1zm5.1 12.6c0-2.3-1.8-3.7-4-3.7H24.2v7.7h11.7c3.4 0 4.6-1.8 4.6-4zm36.3 4v2.7H56v-22h20.6v2.7H58.9v6.8h14.6v2.3H58.9v7.5h17.9zm23-5.8v8.5H97v-8.5l-11-13.4h3.4l8.9 11 8.8-11h3.4l-10.8 13.4zm19.1-1.8V298c0-7.9 5.2-10.7 12.7-10.7 7.5 0 13 2.8 13 10.7v1.4c0 7.9-5.5 10.8-13 10.8s-12.7-3-12.7-10.8zm22.7 0V298c0-5.7-3.9-8-10-8-6 0-9.8 2.3-9.8 8v1.4c0 5.8 3.8 8.1 9.8 8.1 6 0 10-2.3 10-8.1zm37.2-11.6v21.9h-2.9l-15.8-17.9v17.9h-2.8v-22h3l15.6 18v-18h2.9zm37.9 10.2v1.3c0 7.8-5.2 10.4-12.4 10.4H193v-22h11.2c7.2 0 12.4 2.8 12.4 10.3zm-3 0c0-5.3-3.3-7.6-9.4-7.6h-8.4V307h8.4c6 0 9.5-2 9.5-7.7V298zm50.8-7.6h-9.7v19.3h-3v-19.3h-9.7v-2.6h22.4v2.6zm34.4-2.6v21.9h-3v-10.1h-16.8v10h-2.8v-21.8h2.8v9.2H296v-9.2h2.9zm34.9 19.2v2.7h-20.7v-22h20.6v2.7H316v6.8h14.5v2.3H316v7.5h17.8zM24 340.2v7.3h13.9v2.4h-14v9.6H21v-22h20v2.7H24zm41.5 11.4h-9.8v7.9H53v-22h13.3c5.1 0 8 1.9 8 6.8 0 3.7-2 6.3-5.6 7l6 8.2h-3.3l-5.8-8zm-9.8-2.6H66c3.1 0 5.3-1.5 5.3-4.7 0-3.3-2.2-4.1-5.3-4.1H55.7v8.8zm47.9 6.2H89l-2 4.3h-3.2l10.7-22.2H98l10.7 22.2h-3.2l-2-4.3zm-1-2.3l-6.3-13-6 13h12.2zm46.3-15.3v21.9H146v-17.2L135.7 358h-2.1l-10.2-15.6v17h-2.8v-21.8h3l11 16.9 11.3-17h3zm35 19.3v2.6h-20.7v-22h20.6v2.7H166v6.8h14.5v2.3H166v7.6h17.8zm47-19.3l-8.3 22h-3l-7.1-18.6-7 18.6h-3l-8.2-22h3.3L204 356l6.8-18.5h3.4L221 356l6.6-18.5h3.3zm10 11.6v-1.4c0-7.8 5.2-10.7 12.7-10.7 7.6 0 13 2.9 13 10.7v1.4c0 7.9-5.4 10.8-13 10.8-7.5 0-12.7-3-12.7-10.8zm22.8 0v-1.4c0-5.7-4-8-10-8s-9.9 2.3-9.9 8v1.4c0 5.8 3.8 8.2 9.8 8.2 6.1 0 10-2.4 10-8.2zm28.3 2.4h-9.8v7.9h-2.8v-22h13.2c5.2 0 8 1.9 8 6.8 0 3.7-2 6.3-5.6 7l6 8.2h-3.3l-5.8-8zm-9.8-2.6h10.2c3 0 5.2-1.5 5.2-4.7 0-3.3-2.1-4.1-5.2-4.1h-10.2v8.8zm40.3-1.5l-6.8 5.6v6.4h-2.9v-22h2.9v12.3l15.2-12.2h3.7l-9.9 8.1 10.3 13.8h-3.6l-8.9-12z" />
|
||||
<path fill="#050A14"
|
||||
d="M188.4 71.7a10.4 10.4 0 01-20.8 0 10.4 10.4 0 1120.8 0zM224.2 45c-2.2-3.9-5-7.5-8.2-10.7l-12 7c-3.7-3.2-8-5.7-12.6-7.3a49.4 49.4 0 00-9.7 13.9 59 59 0 0140.1 14l7.6-4.4a57 57 0 00-5.2-12.5zM178 125.1c4.5 0 9-.6 13.4-1.7v-14a40 40 0 0012.5-7.2 47.7 47.7 0 00-7.1-15.3 59 59 0 01-32.2 27.7v8.7c4.4 1.2 8.9 1.8 13.4 1.8zM131.8 45c-2.3 4-4 8.1-5.2 12.5l12 7a40 40 0 000 14.4c5.7 1.5 11.3 2 16.9 1.5a59 59 0 01-8-41.7l-7.5-4.3c-3.2 3.2-6 6.7-8.2 10.6z" />
|
||||
<path fill="#00B4FF"
|
||||
d="M224.2 98.4c2.3-3.9 4-8 5.2-12.4l-12-7a40 40 0 000-14.5c-5.7-1.5-11.3-2-16.9-1.5a59 59 0 018 41.7l7.5 4.4c3.2-3.2 6-6.8 8.2-10.7zm-92.4 0c2.2 4 5 7.5 8.2 10.7l12-7a40 40 0 0012.6 7.3c4-4.1 7.3-8.8 9.7-13.8a59 59 0 01-40-14l-7.7 4.4c1.2 4.3 3 8.5 5.2 12.4zm46.2-80c-4.5 0-9 .5-13.4 1.7V34a40 40 0 00-12.5 7.2c1.5 5.7 4 10.8 7.1 15.4a59 59 0 0132.2-27.7V20a53.3 53.3 0 00-13.4-1.8z" />
|
||||
<path fill="#00B4FF"
|
||||
d="M178 9.2a62.6 62.6 0 11-.1 125.2A62.6 62.6 0 01178 9.2m0-9.2a71.7 71.7 0 100 143.5A71.7 71.7 0 00178 0z" />
|
||||
<path fill="#050A14"
|
||||
d="M96.6 212v4.3c-9.2-.8-15.4-5.8-15.4-17.8V180h4.6v18.4c0 8.6 4 12.6 10.8 13.5zm16-31.9v18.4c0 8.9-4.3 12.8-10.9 13.5v4.4c9.2-.7 15.5-5.6 15.5-18v-18.3h-4.7zM62.2 199v-2.2c0-12.7-8.8-17.4-21-17.4-12.1 0-20.7 4.7-20.7 17.4v2.2c0 12.8 8.6 17.6 20.7 17.6 1.5 0 3-.1 4.4-.3l11.8 6.2 2-3.3-8.2-4-6.4-3.1a32 32 0 01-3.6.2c-9.8 0-16-3.9-16-13.3v-2.2c0-9.3 6.2-13.1 16-13.1 9.9 0 16.3 3.8 16.3 13.1v2.2c0 5.3-2.1 8.7-5.6 10.8l4.8 2.4c3.4-2.8 5.5-7 5.5-13.2zM168 215.6h5.1L156 179.7h-4.8l17 36zM143 205l7.4-15.7-2.4-5-15.1 31.4h5.1l3.3-7h18.3l-1.8-3.7H143zm133.7 10.7h5.2l-17.3-35.9h-4.8l17 36zm-25-10.7l7.4-15.7-2.4-5-15.1 31.4h5.1l3.3-7h18.3l-1.7-3.7h-14.8zm73.8-2.5c6-1.2 9-5.4 9-11.4 0-8-4.5-10.9-12.9-10.9h-21.4v35.5h4.6v-31.3h16.5c5 0 8.5 1.4 8.5 6.7 0 5.2-3.5 7.7-8.5 7.7h-11.4v4.1h10.7l9.3 12.8h5.5l-9.9-13.2zm-117.4 9.9c-9.7 0-14.7-2.5-18.6-6.3l-2.2 3.8c5.1 5 11 6.7 21 6.7 1.6 0 3.1-.1 4.6-.3l-1.9-4h-3zm18.4-7c0-6.4-4.7-8.6-13.8-9.4l-10.1-1c-6.7-.7-9.3-2.2-9.3-5.6 0-2.5 1.4-4 4.6-5l-1.8-3.8c-4.7 1.4-7.5 4.2-7.5 8.9 0 5.2 3.4 8.7 13 9.6l11.3 1.2c6.4.6 8.9 2 8.9 5.4 0 2.7-2.1 4.7-6 5.8l1.8 3.9c5.3-1.6 8.9-4.7 8.9-10zm-20.3-21.9c7.9 0 13.3 1.8 18.1 5.7l1.8-3.9a30 30 0 00-19.6-5.9c-2 0-4 .1-5.7.3l1.9 4 3.5-.2z" />
|
||||
<path fill="#00B4FF"
|
||||
d="M.5 251.9c29.6-.5 59.2-.8 88.8-1l88.7-.3 88.7.3 44.4.4 44.4.6-44.4.6-44.4.4-88.7.3-88.7-.3a7981 7981 0 01-88.8-1z" />
|
||||
<path fill="none" d="M-565.2 324H-252v15.8h-313.2z" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.4 KiB |
33
quasar/private_section/src/boot/i18n.ts
Normal file
33
quasar/private_section/src/boot/i18n.ts
Normal file
@@ -0,0 +1,33 @@
|
||||
import { defineBoot } from '#q-app/wrappers';
|
||||
import { createI18n } from 'vue-i18n';
|
||||
|
||||
import messages from 'src/i18n';
|
||||
|
||||
export type MessageLanguages = keyof typeof messages;
|
||||
// Type-define 'en-US' as the master schema for the resource
|
||||
export type MessageSchema = (typeof messages)['en-US'];
|
||||
|
||||
// See https://vue-i18n.intlify.dev/guide/advanced/typescript.html#global-resource-schema-type-definition
|
||||
/* eslint-disable @typescript-eslint/no-empty-object-type */
|
||||
declare module 'vue-i18n' {
|
||||
// define the locale messages schema
|
||||
export interface DefineLocaleMessage extends MessageSchema {}
|
||||
|
||||
// define the datetime format schema
|
||||
export interface DefineDateTimeFormat {}
|
||||
|
||||
// define the number format schema
|
||||
export interface DefineNumberFormat {}
|
||||
}
|
||||
/* eslint-enable @typescript-eslint/no-empty-object-type */
|
||||
|
||||
export default defineBoot(({ app }) => {
|
||||
const i18n = createI18n<{ message: MessageSchema }, MessageLanguages>({
|
||||
locale: 'en-US',
|
||||
legacy: false,
|
||||
messages,
|
||||
});
|
||||
|
||||
// Set i18n instance on app
|
||||
app.use(i18n);
|
||||
});
|
||||
1
quasar/private_section/src/css/app.scss
Normal file
1
quasar/private_section/src/css/app.scss
Normal file
@@ -0,0 +1 @@
|
||||
// app global css in SCSS form
|
||||
25
quasar/private_section/src/css/quasar.variables.scss
Normal file
25
quasar/private_section/src/css/quasar.variables.scss
Normal file
@@ -0,0 +1,25 @@
|
||||
// Quasar SCSS (& Sass) Variables
|
||||
// --------------------------------------------------
|
||||
// To customize the look and feel of this app, you can override
|
||||
// the Sass/SCSS variables found in Quasar's source Sass/SCSS files.
|
||||
|
||||
// Check documentation for full list of Quasar variables
|
||||
|
||||
// Your own variables (that are declared here) and Quasar's own
|
||||
// ones will be available out of the box in your .vue/.scss/.sass files
|
||||
|
||||
// It's highly recommended to change the default colors
|
||||
// to match your app's branding.
|
||||
// Tip: Use the "Theme Builder" on Quasar's documentation website.
|
||||
|
||||
$primary: #1976d2;
|
||||
$secondary: #26a69a;
|
||||
$accent: #9c27b0;
|
||||
|
||||
$dark: #1d1d1d;
|
||||
$dark-page: #121212;
|
||||
|
||||
$positive: #21ba45;
|
||||
$negative: #c10015;
|
||||
$info: #31ccec;
|
||||
$warning: #f2c037;
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user