diff --git a/TODO.md b/TODO.md
index 5b3037e..0dd75a5 100644
--- a/TODO.md
+++ b/TODO.md
@@ -39,7 +39,13 @@
- ich könnte die Rules wieder reinnehmen
- x oder die Icons mit SVG nachbauen (edit und trash)
- x damage-monitor und actions-menu überlappen sich; die oberen drei phys-dmg-buttons lösen edit/clone/remove aus
+- x bei tot/KO wird die Klasse ko-or-dead nicht gesetzt
+ - es werden gar keine contextual classes gesetzt
+ - musste die entspr. arrow function in sortTable() wieder zu einer regular function machen
+- x combatant modal hat auf einmal zwei OK buttons
+ - Fehler beim sichtbar/unsichtbar-Setzen der modal buttons in handleEditButtonClick()
+- im FP3T Tor Browser kann ich rauszoomen, bis ich die ganzen damage monitors und action menus sehe -> verhindern!
- bug in validateCombatant: OK schließt das modal, auch wenn die Eingaben invalid sind
- wenn ich bei add combatant mit der Maus auf OK klicke, macht er das Modal zu, auch wenn die Eingaben invalid sind
- nach dem Laden passiert es manchmal, dass nach dem Einfügen von testCombatant das add Modal gleich wieder aufgeht
@@ -83,22 +89,26 @@
- zumindest modal.js muss ich einzeln laden
- aber sonst brauch ich es glaube ich nicht
- x dependencies lokal einbinden
-- progressive web app
- - Service Worker einrichten, um die Dateien lokal zu cachen
- - lief nicht mit Parcel pur, brauchte Paket "serve" -> npx serve dist/
- - parcel bindet sw.js nicht automatisch mit ein, ich muss es nach dist/ hardverlinken
+- x progressive web app
+ - x Service Worker einrichten, um die Dateien lokal zu cachen
+ - x lief nicht mit Parcel pur, brauchte Paket "serve" -> npx serve dist/
+ -> mittlerweile geht's doch
+ - x parcel bindet sw.js nicht automatisch mit ein, ich muss es nach dist/ hardverlinken
- und die File-list in sw.js darf nur Files enthalten, die auch geladen werden können; sobald einer 404 ergibt, schlägt der gesamte Cache-Vorgang fehl
+ - geht
+- x dafür sorgen, dass die Seite erst dann aufgebaut wird, wenn die CSS-Files geladen sind, damit man nicht den ungestylten Krams sieht -> passt schon
+- x CSS aufräumen
+ - Variablen für Farben, Filter etc.
+- installability (PWA) auf android noch ungetestet
- Seite auch mal im Chrome checken
-- dafür sorgen, dass die Seite erst dann aufgebaut wird, wenn die CSS-Files geladen sind, damit man nicht den ungestylten Krams sieht
+ - -moz-… mit -webkit-… ergänzen
- noch mehr Design
- Seite für größere Screens anpassen
- Schrift, Buttons, Icons skalieren
- em und % statt px
- Tabellenbreite begrenzen
- Animationen? Transitions?
-- CSS aufräumen
- - Variablen für Farben, Filter etc.
- deployment: dist/* soll direkt auf hermes hochgeladen werden
- warum sind im dist/-Folder immer zwei Versionen der gleichen Datei?
- HTML soll nicht in eine Zeile umgedingst werden, das sieht doch nicht aus
diff --git a/icons/sr2ini.webmanifest b/icons/sr2ini.webmanifest
index 8d6c282..8492a21 100644
--- a/icons/sr2ini.webmanifest
+++ b/icons/sr2ini.webmanifest
@@ -1,7 +1,7 @@
{
"name": "Shadowrun 2e Ini Tracker",
"short_name": "sr2ini",
- "start_url": "/",
+ "start_url": "https://unterdemradar.de/sr2ini",
"description": "A simple Initiative tracker for Shadowrun 2e",
"orientation": "portrait",
"icons": [
@@ -16,7 +16,7 @@
"type": "image/png"
}
],
- "theme_color": "#004aa5",
+ "theme_color": "deeppink",
"background_color": "#004aa5",
"display": "standalone"
}
diff --git a/src/css/sr2ini.scss b/src/css/sr2ini.scss
index bdf42cf..791cfc9 100644
--- a/src/css/sr2ini.scss
+++ b/src/css/sr2ini.scss
@@ -41,14 +41,6 @@ $bg-dark: darkcyan;
padding-inline: 0px;
}
-.icon { fill: $fg; }
-
-.sr2-button:focus-visible {
- border: 1px solid $bg !important;
- box-shadow: 0 0 4px $bg-bright, 0 0 8px $bg, 0 0 16px $bg-dark !important;
- outline: none;
-}
-
html {
font-family: 'Electrolize', sans-serif;
height: 100%;
@@ -59,12 +51,20 @@ html {
body {
background-color: darkslategray;
- background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/bg.jpg");
+ background-image: url("../img/bg.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
+.icon { fill: $fg; }
+
+.sr2-button:focus-visible {
+ border: 1px solid $bg !important;
+ box-shadow: 0 0 4px $bg-bright, 0 0 8px $bg, 0 0 16px $bg-dark !important;
+ outline: none;
+}
+
.container {
padding: 4px;
position: relative;
diff --git a/src/index.html b/src/index.html
index 84d0120..8313c4f 100644
--- a/src/index.html
+++ b/src/index.html
@@ -13,19 +13,12 @@
-
-
-
-
-
@@ -34,7 +27,6 @@
-
diff --git a/src/js/service-worker.js b/src/js/service-worker.js
index 155cbf3..cda78da 100644
--- a/src/js/service-worker.js
+++ b/src/js/service-worker.js
@@ -3,34 +3,7 @@ import {manifest, version} from '@parcel/service-worker';
console.log("[Service Worker] Version:", version);
console.log("[Service Worker] Manifest:", manifest);
-/*const cacheName = "sr2ini-v1"
-const fileList = [
- "/",
- "/index.html",
- "/index.a5b8bd92.js",
- "/index.a5b8bd92.js.map",
- "/index.af281647.css",
- "/index.af281647.css.map",
- "/index.7489b7a6.css",
- "/index.7489b7a6.css.map",
- "/index.9cea7766.css",
- "/index.9cea7766.css.map",
- "/Electrolize-Regular.ttf",
- "/favicon.69e87188.ico",
- "/bg.jpg",
- "/add.png",
- "/cross.png",
- "/newround.png",
- "/zzz.png",
- "/android-chrome-192x192.473fd5a7.png",
- "/android-chrome-512x512.3639671b.png",
- "/apple-touch-icon.d8da5e1c.png",
- "/favicon-16x16.fd160567.png",
- "/favicon-32x32.c37c1049.png",
- "/up_/icons/browserconfig.xml"
-];*/
-
-// Installing Service Worker
+// install Service Worker
async function install() {
const cache = await caches.open(version); //cacheNAme
console.log("[Service Worker] Caching all: app shell and content");
@@ -39,8 +12,7 @@ async function install() {
console.log("[Service Worker] Install");
self.addEventListener("install", e => e.waitUntil(install()));
-
-// Fetching content using Service Worker
+// fetch content
/*self.addEventListener('fetch', (e) => {
e.respondWith((async () => {
const r = await caches.match(e.request);
@@ -57,26 +29,10 @@ self.addEventListener("install", e => e.waitUntil(install()));
});*/
+// activate: clear outdated files from cache
async function activate() {
const keys = await caches.keys();
await Promise.all(keys.map(key => key !== version && caches.delete(key)));
};
console.log("[Service Worker] Activate");
self.addEventListener("activate", e => e.waitUntil(activate()));
-
-
-/*
-self.addEventListener("activate", (e) => {
- e.waitUntil(
- caches.keys().then((keyList) => {
- return Promise.all(
- keyList.map((key) => {
- if (key === cacheName) {
- return;
- }
- return caches.delete(key);
- })
- );
- })
- );
-});*/
\ No newline at end of file