2023-10-18 16:12:47 +02:00
|
|
|
# Dogstats dingsi
|
|
|
|
|
|
2023-10-21 20:56:12 +02:00
|
|
|
https://gitea.haschek.at/Crispi/dogstats
|
|
|
|
|
|
2023-10-18 16:12:47 +02:00
|
|
|
## Techstack
|
|
|
|
|
|
2023-10-21 20:47:11 +02:00
|
|
|
- [HTMX](https://htmx.org/docs/)
|
2023-10-23 13:05:16 +02:00
|
|
|
- [Bootstrap 5](https://getbootstrap.com/docs/5.3/layout/breakpoints/)
|
2023-10-22 23:05:24 +02:00
|
|
|
- [Font Awesome 5 Pro](https://fontawesome.com/v5/search)
|
2023-10-23 13:05:16 +02:00
|
|
|
- [Animate.css](https://animate.style/)
|
2023-10-18 16:12:47 +02:00
|
|
|
|
|
|
|
|
## Start Dev
|
|
|
|
|
|
2023-10-18 22:42:01 +02:00
|
|
|
### Beim ersten Start
|
|
|
|
|
|
|
|
|
|
Config file erstellen bzw kopieren
|
|
|
|
|
|
2023-10-21 13:04:53 +02:00
|
|
|
1. `cd web/inc`
|
2023-10-18 22:42:01 +02:00
|
|
|
2. Datei `example.config.inc.php` umbenennen auf `config.inc.php`
|
|
|
|
|
3. Gegebenenfalls Werte anpassen in der Config
|
|
|
|
|
|
2023-10-23 13:05:16 +02:00
|
|
|
### Jedes Mal
|
2023-10-18 16:12:47 +02:00
|
|
|
|
2023-10-23 13:05:16 +02:00
|
|
|
Im Terminal dann Webserver starten
|
2023-10-18 16:12:47 +02:00
|
|
|
|
|
|
|
|
1. `cd web`
|
|
|
|
|
2. `php -S localhost:8080`
|
2023-10-21 13:04:53 +02:00
|
|
|
3. Browser auf http://localhost:8080 öffnen
|
|
|
|
|
|
2023-10-30 08:57:18 +01:00
|
|
|
## oder mit Xdebug
|
|
|
|
|
|
|
|
|
|
0. php server vom vorherigen schritt darf nicht laufen
|
|
|
|
|
1. xdebug installieren (`sudo apt install php-xdebug` oder `sudo apk add php82-pecl-xdebug`)
|
|
|
|
|
2. So oder so ähnlich muss die config aussehen `/etc/php82/conf.d/50_xdebug.ini`
|
|
|
|
|
|
|
|
|
|
```ini
|
|
|
|
|
[Xdebug]
|
|
|
|
|
zend_extension=xdebug
|
|
|
|
|
xdebug.mode=debug,develop
|
|
|
|
|
xdebug.client_host=host.docker.internal
|
|
|
|
|
xdebug.client_port=5902 #same port as in launch.json
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
3. Dann im VScode auf debugging -> Grünen pfeil `Xdebug server` drücken
|
|
|
|
|
|
2023-10-21 13:04:53 +02:00
|
|
|
## Ordnerstruktur
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
.
|
|
|
|
|
├── tools Tools halt
|
|
|
|
|
└── web
|
|
|
|
|
├── css CSS files, braucht man eigentlich nicht weil tailwind macht das schon
|
|
|
|
|
├── imgs Statische Bilder hier rein
|
|
|
|
|
├── inc Paar Sachen, die wichtig sind, damit das backend überhaupt funktioniert
|
|
|
|
|
│ ├── classes Allgemeine Klassen für die Seite
|
|
|
|
|
│ └── vendor Composer pakete
|
|
|
|
|
├── js JS Libraries
|
|
|
|
|
├── pages Alle Ordner hier drinnen sind automatisch dann endpoints. zB wenn man /home
|
|
|
|
|
│ ├── auth aufrufen können möchte, muss man einen home Ordner erstellen und drinnen eine PHP Datei namens
|
|
|
|
|
│ ├── err controller.php haben. Die wiederum muss eine Klasse sein, die den Namen des Ordners hat (nur großer Anfangsbuchstabe)
|
|
|
|
|
│ └── home Am einfachsten einen bestehenden anschauen oder kopieren 😁
|
|
|
|
|
└── templates Allgemeine Templates, mal schauen ob benötigt
|
|
|
|
|
└── partials
|
2023-11-03 20:51:05 +01:00
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#Colors
|
|
|
|
|
#041337 - dunkelblau
|
|
|
|
|
#041337 - hellblau
|
|
|
|
|
#4c5597 - blau
|
|
|
|
|
#fefefc - white
|
|
|
|
|
#c8d2e9 - grau
|
|
|
|
|
#c9dd55 - hellgrün
|
|
|
|
|
#c9dd55 - dunkelgrün
|
|
|
|
|
#f0dcb3 - hellbraun
|
|
|
|
|
#a98d5d - dunkelbraun
|
|
|
|
|
#150d05 - schwarz
|
