Compare commits
No commits in common. "f809f8ecea7087e9c6a5dc5f0d7d4642a471a7eb" and "bedfbcb1b37d227fc4491a0cf738c42c793a953f" have entirely different histories.
f809f8ecea
...
bedfbcb1b3
@ -1,7 +1,7 @@
|
||||
{
|
||||
"name": "ohmnews",
|
||||
"name": "omapp",
|
||||
"version": "1.0.0",
|
||||
"description": "ohm-information app for smarter and more intuitive information and organization",
|
||||
"description": "ohm-management app for a alternative communication and organization",
|
||||
"main": "server.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1",
|
||||
@ -13,7 +13,7 @@
|
||||
},
|
||||
"keywords": [
|
||||
"ohm",
|
||||
"news",
|
||||
"management",
|
||||
"app"
|
||||
],
|
||||
"author": "Barbalan, Gruenzinger, Mandutz, Pham, Roemmelt",
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
public/img/ios-icon/th_ohmicon_152x152.png
Normal file
BIN
public/img/ios-icon/th_ohmicon_152x152.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
public/img/ios-icon/th_ohmicon_167x167.png
Normal file
BIN
public/img/ios-icon/th_ohmicon_167x167.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
public/img/ios-icon/th_ohmicon_180x180.png
Normal file
BIN
public/img/ios-icon/th_ohmicon_180x180.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
public/img/ios-icon/th_ohmicon_192x192.png
Normal file
BIN
public/img/ios-icon/th_ohmicon_192x192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 53 KiB |
|
Before Width: | Height: | Size: 205 KiB After Width: | Height: | Size: 205 KiB |
|
Before Width: | Height: | Size: 64 KiB After Width: | Height: | Size: 64 KiB |
@ -10,62 +10,48 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<!-- <meta http-equiv="refresh" content="30"> -->
|
||||
|
||||
<!-- NOTE: Define Theme Color -->
|
||||
<!-- Chrome, Firefox OS and Opera -->
|
||||
<meta name="theme-color" content="#0046a0">
|
||||
|
||||
<!-- NOTE: Icon for tab recognition -->
|
||||
<!-- highest resolution for Chrome & Opera -->
|
||||
<link rel="icon" sizes="192x192" href="/public/img/app_icon.png">
|
||||
<!-- icons for Safari -> iOS Icons -->
|
||||
<!-- icons for IE & Windows phone -->
|
||||
<meta name="msapplication-square70x70logo" content="icon_smalltile.png">
|
||||
<meta name="msapplication-square150x150logo" content="icon_mediumtile.png">
|
||||
<meta name="msapplication-square310x310logo" content="icon_largetile.png">
|
||||
<meta name="msapplication-wide310x150logo" content="icon_widetile.png">
|
||||
|
||||
<!-- NOTE: iOS - Add to Homescreen -->
|
||||
<!-- Icon: No transparency allowed -->
|
||||
<link rel="apple-touch-icon" href="img/launcher/launcher_app_icon_192.png"> <!-- iphone -->
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="img/launcher/launcher_app_icon_152.png"><!-- ipad -->
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="img/launcher/launcher_app_icon_180.png"><!-- iphone-retina -->
|
||||
<link rel="apple-touch-icon" sizes="167x167" href="img/launcher/launcher_app_icon_167.png"><!-- ipad-retina -->
|
||||
<link rel="apple-touch-icon" href="img/ios-icon/th_ohmicon_192x192.png"> <!-- iphone -->
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="img/ios-icon/th_ohmicon_152x152.png"><!-- ipad -->
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="img/ios-icon/th_ohmicon_180x180.png"><!-- iphone-retina -->
|
||||
<link rel="apple-touch-icon" sizes="167x167" href="img/ios-icon/th_ohmicon_167x167.png"><!-- ipad-retina -->
|
||||
<!-- Splash screen: If not set, will be white screen -->
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<link rel="apple-touch-startup-image" sizes="2048x2732" href="ios-splash/apple_splash_2048.png" /><!-- Tablet -->
|
||||
<link rel="apple-touch-startup-image" sizes="1668x2224"href="ios-splash/apple_splash_1668.png" /><!-- Tablet -->
|
||||
<link rel="apple-touch-startup-image" sizes="1536x2048" href="ios-splash/apple_splash_1536.png" /><!-- Tablet -->
|
||||
<link rel="apple-touch-startup-image" sizes="1125x2436" href="ios-splash/apple_splash_1125.png" /><!-- Tablet ? Phone -->
|
||||
<link rel="apple-touch-startup-image" sizes="1242x2208" href="ios-splash/apple_splash_1242.png" /><!-- Tablet ? Phone -->
|
||||
<link rel="apple-touch-startup-image" sizes="750x1334" href="ios-splash/apple_splash_750.png" /><!-- Phone -->
|
||||
<link rel="apple-touch-startup-image" sizes="640x1136" href="ios-splash/apple_splash_640.png" /><!-- Phone -->
|
||||
<link rel="apple-touch-startup-image" sizes="2048x2732" href="/ios-splash/apple_splash_2048.png" /><!-- Tablet -->
|
||||
<link rel="apple-touch-startup-image" sizes="1668x2224"href="/ios-splash/apple_splash_1668.png" /><!-- Tablet -->
|
||||
<link rel="apple-touch-startup-image" sizes="1536x2048" href="/ios-splash/apple_splash_1536.png" /><!-- Tablet -->
|
||||
<link rel="apple-touch-startup-image" sizes="1125x2436" href="/ios-splash/apple_splash_1125.png" /><!-- Tablet ? Phone -->
|
||||
<link rel="apple-touch-startup-image" sizes="1242x2208" href="/ios-splash/apple_splash_1242.png" /><!-- Tablet ? Phone -->
|
||||
<link rel="apple-touch-startup-image" sizes="750x1334" href="/ios-splash/apple_splash_750.png" /><!-- Phone -->
|
||||
<link rel="apple-touch-startup-image" sizes="640x1136" href="/ios-splash/apple_splash_640.png" /><!-- Phone -->
|
||||
|
||||
<!-- NOTE: CSS -->
|
||||
<!-- CSS_Material Design for Bootstrap fonts and icons -->
|
||||
<link rel="stylesheet" href="lib/bootstrap-font-and-icons.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons">
|
||||
<!-- CSS_Material Design for Bootstrap minified CSS -->
|
||||
<link rel="stylesheet" href="lib/bootstrap-material-design.min.css">
|
||||
<link rel="stylesheet" href="https://unpkg.com/bootstrap-material-design@4.1.1/dist/css/bootstrap-material-design.min.css" integrity="sha384-wXznGJNEXNG1NFsbm0ugrLFMQPWswR3lds2VeinahP8N0zJw9VWSopbjv2x7WCvX" crossorigin="anonymous">
|
||||
<!-- CSS_Custom Design -->
|
||||
<link rel="stylesheet" type="text/css" href="style/style.css">
|
||||
|
||||
<!-- NOTE: Call manifest.json -->
|
||||
<link rel="manifest" href="manifest.json">
|
||||
|
||||
<!-- NOTE: Load JQuery, Vue.js, VueRouter -->
|
||||
<!-- NOTE: VUE.js und VueRouter -->
|
||||
<script src=lib/jquery-3.3.1.min.js></script>
|
||||
<script src=lib/vue.js></script>
|
||||
<script src=lib/vue-router.js></script>
|
||||
|
||||
<!-- NOTE: JavaScript Libs & Files -->
|
||||
<script src="routes/home.js"></script>
|
||||
<script src="routes/files.js"></script>
|
||||
<script src="routes/createMessage.js"></script>
|
||||
<script src="routes/bookmark.js"></script>
|
||||
<script src="routes/profil.js"></script>
|
||||
<script src="routes/msgCard.js"></script>
|
||||
<script src="routes/messageData.js"></script>
|
||||
<script src="routes/profilCard.js"></script>
|
||||
<script src="routes/profilData.js"></script>
|
||||
<script src="home.js"></script>
|
||||
<script src="files.js"></script>
|
||||
<script src="createMessage.js"></script>
|
||||
<script src="bookmark.js"></script>
|
||||
<script src="profil.js"></script>
|
||||
<script src="msgCard.js"></script>
|
||||
<script src="messageData.js"></script>
|
||||
<script src="profilCard.js"></script>
|
||||
<script src="profilData.js"></script>
|
||||
|
||||
<title>OMApp</title>
|
||||
</head>
|
||||
@ -122,10 +108,10 @@
|
||||
<!-- <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.min.js"></script> -->
|
||||
<!-- CDN_jQuery minified lib -->
|
||||
<!--<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>-->
|
||||
<!-- Load Popper.js -->
|
||||
<script src="lib/popper-1.12.6.js"></script>
|
||||
<!-- Load Bootstrap.js -->
|
||||
<script src="lib/bootstrap-material-design.js"></script>
|
||||
<!-- CDN_Popper.js lib -->
|
||||
<script src="https://unpkg.com/popper.js@1.12.6/dist/umd/popper.js" integrity="sha384-fA23ZRQ3G/J53mElWqVJEGJzU0sTs+SvzG8fXVWP+kJQ1lwFAOkcUOysnlKJC33U" crossorigin="anonymous"></script>
|
||||
<!-- CDN_Bootstrap JS lib -->
|
||||
<script src="https://unpkg.com/bootstrap-material-design@4.1.1/dist/js/bootstrap-material-design.js" integrity="sha384-CauSuKpEqAFajSpkdjv3z9t8E7RlpJ1UP0lKM/+NdtSarroVKu069AlsRPKkFBz9" crossorigin="anonymous"></script>
|
||||
<!-- NOTE: Call main.js -->
|
||||
<script src="main.js"></script>
|
||||
|
||||
|
||||
87
public/lib/bootstrap-font-and-icons.css
vendored
87
public/lib/bootstrap-font-and-icons.css
vendored
@ -1,87 +0,0 @@
|
||||
/* fallback */
|
||||
@font-face {
|
||||
font-family: 'Material Icons';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(../font/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Roboto Light'), local('Roboto-Light'), url(../font/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Roboto Light'), local('Roboto-Light'), url(../font/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Roboto'), local('Roboto-Regular'), url(../font/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Roboto'), local('Roboto-Regular'), url(../font/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Roboto Medium'), local('Roboto-Medium'), url(../font/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Roboto Medium'), local('Roboto-Medium'), url(../font/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Roboto Bold'), local('Roboto-Bold'), url(../font/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Roboto Bold'), local('Roboto-Bold'), url(../font/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
font-family: 'Material Icons';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
word-wrap: normal;
|
||||
direction: ltr;
|
||||
-webkit-font-feature-settings: 'liga';
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
6537
public/lib/bootstrap-material-design.js
vendored
6537
public/lib/bootstrap-material-design.js
vendored
File diff suppressed because it is too large
Load Diff
8
public/lib/bootstrap-material-design.min.css
vendored
8
public/lib/bootstrap-material-design.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@ -23,3 +23,8 @@ if ('serviceWorker' in navigator) {
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
$('body').bootstrapMaterialDesign();
|
||||
}, false);
|
||||
/*
|
||||
$(document).ready(function() {
|
||||
$('body').bootstrapMaterialDesign();
|
||||
});
|
||||
*/
|
||||
|
||||
@ -1,22 +1,15 @@
|
||||
{
|
||||
"short_name": "OHM News",
|
||||
"name": "OHM News",
|
||||
"short_name": "OMapp",
|
||||
"name": "OMapp",
|
||||
"icons": [
|
||||
{
|
||||
"src":"img/launcher/launcher_app_icon_192.png",
|
||||
"type": "image/png",
|
||||
"sizes": "192x192"
|
||||
},
|
||||
{
|
||||
"src":"img/launcher/launcher_app_icon_512.png",
|
||||
"type": "image/png",
|
||||
"sizes": "512x512"
|
||||
"src":"img/th_nbg_ohmicon_amp.png",
|
||||
"sizes": "200x200",
|
||||
"type": "image/png"
|
||||
}
|
||||
],
|
||||
"start_url": "/om/?utm_source=homescreen",
|
||||
"background_color": "#FFF",
|
||||
"display": "standalone",
|
||||
"orientation": "portrait",
|
||||
"scope": "/om/",
|
||||
"theme_color": "#0046a0"
|
||||
"theme_color": "#0046a0",
|
||||
"display": "standalone"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
Vue.component('ProfilCard', {
|
||||
template: `<div>
|
||||
<img class="profil-img rounded-circle" src="img/profil_icon.png" width=120px height=120px>
|
||||
<img class="profil-img rounded-circle" src="img/profil_icon2.png" width=120px height=120px>
|
||||
<div class="profil-card card">
|
||||
<div class="edit-item"><i class="material-icons">edit</i></div>
|
||||
<div class="profil-text">
|
||||
@ -1,131 +1,125 @@
|
||||
'use strict';
|
||||
/* ================================== */
|
||||
/* NOTE: Registration done in main.js */
|
||||
/* ================================== */
|
||||
|
||||
/* =================================== */
|
||||
/* NOTE: CacheKey & FilesToCache Lists */
|
||||
/* =================================== */
|
||||
const version = '1';
|
||||
const appPrefix = 'ohmnews-';
|
||||
const staticCacheKey = appPrefix + 'static-v' + version;
|
||||
const dataCacheKey = appPrefix + 'content-data';
|
||||
var allCacheKey = [
|
||||
staticCacheKey,
|
||||
dataCacheKey
|
||||
];
|
||||
|
||||
/* ================================== */
|
||||
/* NOTE: Install: Save files to cache */
|
||||
/* ================================== */
|
||||
// Install new service worker even when old version still in use.
|
||||
// Install happens only once a lifetime of a service worker.
|
||||
const cacheResources = async () => {
|
||||
// NOTE: CacheKey & FilesToCache Lists
|
||||
const cacheKey = 'omapp-';
|
||||
const staticCacheKey = cacheKey + 's-v' + '1';
|
||||
const dataCacheKey = casheKey + 'd-v' + '1';
|
||||
const staticFilesToCache = [
|
||||
'./',
|
||||
'favicon.ico',
|
||||
'index.html',
|
||||
'main.js',
|
||||
'/',
|
||||
'manifest.json',
|
||||
'font/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2',
|
||||
'font/KFOlCnqEu92Fr1MmEU9fBBc4.woff2',
|
||||
'font/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2',
|
||||
'font/KFOlCnqEu92Fr1MmSU5fBBc4.woff2',
|
||||
'font/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2',
|
||||
'font/KFOlCnqEu92Fr1MmWUlfBBc4.woff2',
|
||||
'font/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2',
|
||||
'font/KFOmCnqEu92Fr1Mu4mxK.woff2',
|
||||
'font/KFOmCnqEu92Fr1Mu7GxKOzY.woff2',
|
||||
'img/launcher/launcher_app_icon_152.png',
|
||||
'img/launcher/launcher_app_icon_167.png',
|
||||
'img/launcher/launcher_app_icon_180.png',
|
||||
'img/launcher/launcher_app_icon_192.png',
|
||||
'img/launcher/launcher_app_icon_512.png',
|
||||
'img/app_icon.png',
|
||||
'img/launcher_app_icon.png',
|
||||
'img/profil_icon.png',
|
||||
'lib/bootstrap-font-and-icons.css',
|
||||
'lib/bootstrap-material-design.js',
|
||||
'lib/bootstrap-material-design.min.css',
|
||||
'index.html',
|
||||
'message.html',
|
||||
'bookmark.js',
|
||||
'createMessage.js',
|
||||
'files.js',
|
||||
'home.js',
|
||||
'main.js',
|
||||
'profil.js',
|
||||
'favicon.ico',
|
||||
'img/th_nbg_ohmicon_amp.png',
|
||||
'lib/jquery-3.3.1.min.js',
|
||||
'lib/popper-1.12.6.js',
|
||||
'lib/vue-router.js',
|
||||
'lib/vue.js',
|
||||
'routes/bookmark.js',
|
||||
'routes/createMessage.js',
|
||||
'routes/files.js',
|
||||
'routes/home.js',
|
||||
'routes/messageData.js',
|
||||
'routes/msgCard.js',
|
||||
'routes/profil.js',
|
||||
'routes/profilCard.js',
|
||||
'routes/profilData.js',
|
||||
'lib/vue-router.js',
|
||||
'style/style.css',
|
||||
];
|
||||
const dataFilesToCache = [];
|
||||
const dataFilesToCache = [
|
||||
'',
|
||||
];
|
||||
|
||||
const cacheStatic = await caches.open(staticCacheKey);
|
||||
cacheStatic.addAll(staticFilesToCache);
|
||||
console.log('[ServiceWorker] Cache static files.');
|
||||
// NOTE: Registration done in main.js
|
||||
|
||||
const cacheData = await caches.open(dataCacheKey);
|
||||
cacheData.addAll(dataFilesToCache);
|
||||
console.log('[ServiceWorker] Cache data files.');
|
||||
return;
|
||||
}
|
||||
self.addEventListener('install', event => {
|
||||
// NOTE: Install and activate: Populating cache
|
||||
// Install new service worker even when old version still in use.
|
||||
// Install happens only once a lifetime of a service worker.
|
||||
self.addEventListener('install', function(event) {
|
||||
console.log('[ServiceWorker] Install');
|
||||
// don't wait
|
||||
self.skipWaiting();
|
||||
// cache static files
|
||||
event.waitUntil(cacheResources())
|
||||
console.log('[ServiceWorker] Install');
|
||||
event.waitUntil(
|
||||
caches.open(staticCacheKey).then(function(cache) {
|
||||
console.log('[ServiceWorker] Cache static files.');
|
||||
return cache.addAll(staticFilesToCache);
|
||||
}),
|
||||
caches.open(dataCacheKey).then(function(cache) {
|
||||
console.log('[ServiceWorker] Cache data files.');
|
||||
return cache.addAll(dataFilesToCache);
|
||||
})
|
||||
);
|
||||
});
|
||||
|
||||
/* ================================================================ */
|
||||
/* NOTE: Activate: new service worker and delete old cache versions */
|
||||
/* ================================================================ */
|
||||
// NOTE: Activate structure and delete older cache versions
|
||||
// Activates new version of service worker.
|
||||
// No fetch or pull is called before succesfull activate event.
|
||||
const cacheCleanUp = async () => {
|
||||
const cacheKeyList = await caches.keys();
|
||||
const deletions = cacheKeyList
|
||||
.filter(key => key.startsWith(appPrefix) && !allCacheKey.includes(key))
|
||||
.map(key => {
|
||||
caches.delete(key)
|
||||
console.log('[ServiceWorker] Removing old cache', key);
|
||||
});
|
||||
for (const success of deletions) {
|
||||
await success;
|
||||
}
|
||||
return;
|
||||
}
|
||||
self.addEventListener('activate', event => {
|
||||
event.waitUntil(cacheCleanUp());
|
||||
self.addEventListener('activate', function(event) {
|
||||
clients.claim();
|
||||
var cacheWhitelist = [staticCacheKey, dataCacheKey];
|
||||
event.waitUntil(
|
||||
caches.keys().then(function(cacheKeyList) {
|
||||
return Promise.all(
|
||||
cacheKeyList.map(function(key) {
|
||||
if (cacheWhitelist.indexOf(key) === -1) {
|
||||
console.log('[ServiceWorker] Removing old cache', key);
|
||||
return caches.delete(key);
|
||||
}
|
||||
})
|
||||
);
|
||||
}).then(() => {
|
||||
console.log('[ServiceWorker] Activate');
|
||||
})
|
||||
);
|
||||
|
||||
// Shorten activation time for initial [ServiceWorker] call.
|
||||
//return self.clients.claim();
|
||||
});
|
||||
|
||||
/* ========================================= */
|
||||
/* NOTE: Fetch: Update logic for cache files */
|
||||
/* ========================================= */
|
||||
|
||||
self.addEventListener('fetch', event => {
|
||||
// Provide HTTPS URL for query data.
|
||||
const dataUrl = 'https://me.efi.th-nuernberg.de/om/';
|
||||
// Parse the URL:
|
||||
const requestURL = new URL(event.request.url);
|
||||
// NOTE: Fetch structure // TODO: Setup fetching method
|
||||
self.addEventListener('fetch', function(event) {
|
||||
const dataUrl = ' localhost:8013/'; // Provide HTTPS URL for query data.
|
||||
// const url = new URL(event.request.url);
|
||||
console.log('[ServiceWorker] Fetch', event.request.url);
|
||||
|
||||
//if (event.request.url.indexOf(dataUrl) > -1) {
|
||||
/*
|
||||
* When the request URL contains dataUrl, the app is asking for fresh
|
||||
* data. In this case, the service worker always goes to the network
|
||||
* and then caches the response. This is called
|
||||
* the "Cache then network" strategy:
|
||||
* https://jakearchibald.com/2014/offline-cookbook/#cache-then-network
|
||||
*/
|
||||
|
||||
// Start the network request as soon as possible.
|
||||
//const networkPromise = fetch('/data.json');
|
||||
/*event.respondWith(
|
||||
caches.open(staticCacheKey).then(function(cache) {
|
||||
return fetch(event.request).then(function(response) {
|
||||
cache.put(event.request.url, response.clone());
|
||||
return response;
|
||||
});
|
||||
})
|
||||
);
|
||||
} else {
|
||||
*/
|
||||
/*
|
||||
* The app is asking for app shell files. In this scenario the app uses the
|
||||
* "Cache, falling back to the network" offline strategy:
|
||||
* https://jakearchibald.com/2014/offline-cookbook/#cache-falling-back-to-network
|
||||
*/
|
||||
/*
|
||||
// serve the cat SVG from the cache if the request is
|
||||
// same-origin and the path is '/dog.svg'
|
||||
if (url.origin == location.origin && url.pathname == '/dog.svg') {
|
||||
event.respondWith(caches.match('/cat.svg'));
|
||||
}
|
||||
*/
|
||||
|
||||
event.respondWith(
|
||||
caches.match(event.request)
|
||||
.then(cachedResponse => {
|
||||
if (cachedResponse) {
|
||||
return cachedResponse;
|
||||
.then(function(response) {
|
||||
if (response) {
|
||||
return response;
|
||||
}
|
||||
console.log('[ServiceWorker] Fetch', requestURL.href);
|
||||
return fetch(event.request).then(response => {
|
||||
return fetch(event.request).then(
|
||||
function(response) {
|
||||
// Check if we received a valid response
|
||||
// - Ensure the response is valid.
|
||||
// - Check the status is 200 on the response.
|
||||
@ -135,17 +129,39 @@ self.addEventListener('fetch', event => {
|
||||
return response;
|
||||
}
|
||||
|
||||
// We have to clone the response here because request bodies
|
||||
// can only be read once. Placing a response in the cache
|
||||
// counts as a read and so does the `res.json` call below.
|
||||
// IMPORTANT: Clone the response. A response is a stream
|
||||
// and because we want the browser to consume the response
|
||||
// as well as the cache consuming the response, we need
|
||||
// to clone it so we have two streams.
|
||||
// - Reason: response is a stream and object can only consumed once
|
||||
var responseToCache = response.clone();
|
||||
|
||||
caches.open(staticCacheKey).then(cache => {
|
||||
caches.open(staticCacheKey)
|
||||
.then(function(cache) {
|
||||
cache.put(event.request, responseToCache);
|
||||
});
|
||||
|
||||
return response;
|
||||
});
|
||||
}
|
||||
);
|
||||
})
|
||||
);
|
||||
//}
|
||||
/*
|
||||
caches.match(event.request).then(cachedResponse => {
|
||||
if (cachedResponse) {
|
||||
return cachedResponse;
|
||||
}
|
||||
|
||||
return caches.open(shellCacheKey).then(cache => {
|
||||
return fetch(event.request).then(response => {
|
||||
// Put a copy of the response in the runtime cache.
|
||||
return cache.put(event.request, response.clone()).then(() => {
|
||||
return response;
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
})*/
|
||||
});
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user