feature: web manifest generation
This commit is contained in:
BIN
src/images/hubl-icon-192.png
Normal file
BIN
src/images/hubl-icon-192.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 32 KiB |
BIN
src/images/hubl-icon-512.png
Normal file
BIN
src/images/hubl-icon-512.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 106 KiB |
@ -13,6 +13,7 @@ html(lang="en")
|
||||
include dependencies.pug
|
||||
if clientCSS
|
||||
link(rel='stylesheet', href=`${clientCSS}`)
|
||||
link(rel="manifest" href="/manifest.webmanifest")
|
||||
body
|
||||
|
||||
.wrapper
|
||||
|
@ -1,4 +1,4 @@
|
||||
document.addEventListener("DOMContentLoaded", function (event) {
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
document
|
||||
.querySelector("sib-auth")
|
||||
.getUser()
|
||||
|
@ -27,10 +27,10 @@ function closeUserControls() {
|
||||
);
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function(event) {
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
|
||||
//- View change event
|
||||
window.addEventListener("navigate", event => {
|
||||
window.addEventListener("navigate", () => {
|
||||
closeLeftMenu();
|
||||
closeUserControls();
|
||||
});
|
||||
@ -63,7 +63,7 @@ document.addEventListener("DOMContentLoaded", function(event) {
|
||||
}
|
||||
};
|
||||
|
||||
document.querySelector("#toggleMainMenu").addEventListener("click", event => {
|
||||
document.querySelector("#toggleMainMenu").addEventListener("click", () => {
|
||||
let leftMenu = document.querySelector("#main__menu");
|
||||
if (leftMenu.hasAttribute("open")) {
|
||||
closeLeftMenu();
|
||||
@ -75,7 +75,7 @@ document.addEventListener("DOMContentLoaded", function(event) {
|
||||
const rightMenus = Array.from(document.querySelectorAll("nav.jsRightMenu"));
|
||||
rightMenus.forEach(rightMenu => {
|
||||
const btnRightMenu = rightMenu.querySelector("li.jsOffsiteToggle");
|
||||
btnRightMenu.addEventListener("click", e => {
|
||||
btnRightMenu.addEventListener("click", () => {
|
||||
if (rightMenu.hasAttribute("open")) {
|
||||
closeRightMenu();
|
||||
} else {
|
||||
@ -86,7 +86,7 @@ document.addEventListener("DOMContentLoaded", function(event) {
|
||||
|
||||
Array.from(document.querySelectorAll(".jsMobileSidebarOpenButton")).forEach(
|
||||
el => {
|
||||
el.addEventListener("click", event => {
|
||||
el.addEventListener("click", () => {
|
||||
openRightMenu();
|
||||
});
|
||||
}
|
||||
|
5
src/scripts/register-sw.js
Normal file
5
src/scripts/register-sw.js
Normal file
@ -0,0 +1,5 @@
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
if('serviceWorker' in navigator) {
|
||||
navigator.serviceWorker.register('/sw.js');
|
||||
}
|
||||
});
|
@ -1,4 +1,4 @@
|
||||
document.addEventListener("DOMContentLoaded", function (event) {
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
window.addEventListener('newMessage', event => {
|
||||
let jid = event.detail.jid;
|
||||
Array.from(document.querySelectorAll('[data-jabberID="'+jid+'"]')).forEach(el => {
|
||||
|
@ -44,7 +44,7 @@ function recursiveAdaptWidgets(prefix, element, user) {
|
||||
});
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function (event) {
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
document
|
||||
.querySelector("sib-auth")
|
||||
.getUser()
|
||||
|
66
src/sw.js
Normal file
66
src/sw.js
Normal file
@ -0,0 +1,66 @@
|
||||
self.addEventListener('install', function (e) {
|
||||
e.waitUntil(
|
||||
caches.open('hubl-store').then(function (cache) {
|
||||
return cache.addAll([
|
||||
'/components/hubl-reactivity.js',
|
||||
'/components/hubl-search-users.js',
|
||||
'/components/hubl-status.js',
|
||||
'/fonts/custom-icons.eot',
|
||||
'/fonts/custom-icons.svg',
|
||||
'/fonts/custom-icons.ttf',
|
||||
'/fonts/custom-icons.woff',
|
||||
'/fonts/FacitBold.eot',
|
||||
'/fonts/FacitBold.svg',
|
||||
'/fonts/FacitBold.ttf',
|
||||
'/fonts/FacitBold.woff',
|
||||
'/fonts/FacitRegular.eot',
|
||||
'/fonts/FacitRegular.svg',
|
||||
'/fonts/FacitRegular.ttf',
|
||||
'/fonts/FacitRegular.woff',
|
||||
'/fonts/material-design-icons.eot',
|
||||
'/fonts/material-design-icons.svg',
|
||||
'/fonts/material-design-icons.ttf',
|
||||
'/fonts/material-design-icons.woff',
|
||||
'/fonts/material-design-icons.woff2',
|
||||
'/fonts/RefrigeratorDelxW01Bold.eot',
|
||||
'/fonts/RefrigeratorDelxW01Bold.svg',
|
||||
'/fonts/RefrigeratorDelxW01Bold.ttf',
|
||||
'/fonts/RefrigeratorDelxW01Bold.woff',
|
||||
'/fonts/simple-line-icons.eot',
|
||||
'/fonts/simple-line-icons.svg',
|
||||
'/fonts/simple-line-icons.ttf',
|
||||
'/fonts/simple-line-icons.woff',
|
||||
'/fonts/simple-line-icons.woff2',
|
||||
'/images/add-user.svg',
|
||||
'/images/alien.svg',
|
||||
'/images/arrow-down.svg',
|
||||
'/images/calendar.svg',
|
||||
'/images/chevron-down.png',
|
||||
'/images/favicon.png',
|
||||
'/images/hubl-icon-192.png',
|
||||
'/images/hubl-icon-512.png',
|
||||
'/images/logo.png',
|
||||
'/scripts/index.js',
|
||||
'/syles/index.css',
|
||||
'/index.html',
|
||||
'/'
|
||||
]);
|
||||
})
|
||||
);
|
||||
});
|
||||
|
||||
//TODO: Can't use fetch because of unpkg, e.request is missing a part of the package name "@startinblox/core" become "@startinblox"
|
||||
// self.addEventListener('fetch', function (e) {
|
||||
// Handle direct loading /xyz/ when server is unjoinable
|
||||
// if (e.request.mode === 'navigate') {
|
||||
// e.respondWith(caches.match('/'));
|
||||
// return;
|
||||
// }
|
||||
// e.respondWith(
|
||||
// fetch(e.request, {
|
||||
// credentials: 'include'
|
||||
// }).catch(function() {
|
||||
// return caches.match(e.request);
|
||||
// })
|
||||
// );
|
||||
// });
|
Reference in New Issue
Block a user