Borgal/domili
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

PWA Integration

Browse Source
This commit is contained in:
Borgal
2025-08-13 14:28:09 +02:00
parent f496d25917
commit 8d6233be43
5 changed files with 68 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
img/icon-192.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
img/icon-512.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 177 KiB

15
inc/header.php
View File

@@ -12,6 +12,21 @@
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet">
<!-- Custom styles -->
<link rel="stylesheet" href="../css/style.css">
<link rel="manifest" href="manifest.json">
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', () => {
navigator.serviceWorker.register('/service-worker.js')
.then(registration => {
console.log('Service Worker registriert: ', registration);
})
.catch(err => {
console.log('Service Worker Registrierung fehlgeschlagen: ', err);
});
});
}
</script>
</head>
<body>

21
manifest.json Executable file
View File

@@ -0,0 +1,21 @@
{
"name": "DoMiLi",
"short_name": "DoMiLi",
"description": "Ihre App-Beschreibung hier.",
"start_url": "index.php",
"display": "standalone",
"background_color": "#ffffff",
"theme_color": "#212529",
"icons": [
{
"src": "img/icon-192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "img/icon-512.png",
"sizes": "512x512",
"type": "image/png"
}
]
}

32
service-worker.js Executable file
View File

@@ -0,0 +1,32 @@
const CACHE_NAME = 'domili-cache-v1';
const urlsToCache = [
'/',
'/index.php',
'/css/style.css',
'inc/header.php',
'inc/footer.php',
'img/icon-192.png',
'img/icon-512.png',
'https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css'
];
self.addEventListener('install', event => {
event.waitUntil(
caches.open(CACHE_NAME)
.then(cache => {
return cache.addAll(urlsToCache);
})
);
});
self.addEventListener('fetch', event => {
event.respondWith(
caches.match(event.request)
.then(response => {
if (response) {
return response;
}
return fetch(event.request);
})
);
});