mirror of
https://gitlab.com/crafty-controller/crafty-4.git
synced 2024-08-30 18:23:09 +00:00
add offline page,change sw location
This commit is contained in:
bobsfriend12
parent
18f7d82d04
commit
014805fc31
@ -47,15 +47,19 @@ class PublicHandler(BaseHandler):
|
|||||||
# sensible defaults
|
# sensible defaults
|
||||||
template = "public/404.html"
|
template = "public/404.html"
|
||||||
|
|
||||||
|
|
||||||
if page == "login":
|
if page == "login":
|
||||||
template = "public/login.html"
|
template = "public/login.html"
|
||||||
|
|
||||||
elif page == 404:
|
elif page == "404":
|
||||||
template = "public/404.html"
|
template = "public/404.html"
|
||||||
|
|
||||||
elif page == "error":
|
elif page == "error":
|
||||||
template = "public/error.html"
|
template = "public/error.html"
|
||||||
|
|
||||||
|
elif page == "offline":
|
||||||
|
template = "public/offline.html"
|
||||||
|
|
||||||
elif page == "logout":
|
elif page == "logout":
|
||||||
self.clear_cookie("token")
|
self.clear_cookie("token")
|
||||||
# self.clear_cookie("user")
|
# self.clear_cookie("user")
|
||||||
|
|||||||
@ -1,47 +0,0 @@
|
|||||||
// This is the "Offline page" service worker
|
|
||||||
|
|
||||||
importScripts('https://storage.googleapis.com/workbox-cdn/releases/5.1.2/workbox-sw.js');
|
|
||||||
|
|
||||||
const CACHE = "pwabuilder-page";
|
|
||||||
|
|
||||||
// TODO: replace the following with the correct offline fallback page i.e.: const offlineFallbackPage = "offline.html";
|
|
||||||
const offlineFallbackPage = "ToDo-replace-this-name.html";
|
|
||||||
|
|
||||||
self.addEventListener("message", (event) => {
|
|
||||||
if (event.data && event.data.type === "SKIP_WAITING") {
|
|
||||||
self.skipWaiting();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
self.addEventListener('install', async (event) => {
|
|
||||||
event.waitUntil(
|
|
||||||
caches.open(CACHE)
|
|
||||||
.then((cache) => cache.add(offlineFallbackPage))
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
if (workbox.navigationPreload.isSupported()) {
|
|
||||||
workbox.navigationPreload.enable();
|
|
||||||
}
|
|
||||||
|
|
||||||
self.addEventListener('fetch', (event) => {
|
|
||||||
if (event.request.mode === 'navigate') {
|
|
||||||
event.respondWith((async () => {
|
|
||||||
try {
|
|
||||||
const preloadResp = await event.preloadResponse;
|
|
||||||
|
|
||||||
if (preloadResp) {
|
|
||||||
return preloadResp;
|
|
||||||
}
|
|
||||||
|
|
||||||
const networkResp = await fetch(event.request);
|
|
||||||
return networkResp;
|
|
||||||
} catch (error) {
|
|
||||||
|
|
||||||
const cache = await caches.open(CACHE);
|
|
||||||
const cachedResp = await cache.match(offlineFallbackPage);
|
|
||||||
return cachedResp;
|
|
||||||
}
|
|
||||||
})());
|
|
||||||
}
|
|
||||||
});
|
|
||||||
@ -539,7 +539,7 @@
|
|||||||
});
|
});
|
||||||
$(document).ready(() => {
|
$(document).ready(() => {
|
||||||
if ('serviceWorker' in navigator) {
|
if ('serviceWorker' in navigator) {
|
||||||
navigator.serviceWorker.register('/static/assets/js/service-worker.js', {scope: '/'})
|
navigator.serviceWorker.register('/static/assets/js/shared/service-worker.js', {scope: '/'})
|
||||||
.then(function (registration) {
|
.then(function (registration) {
|
||||||
console.log('Service Worker Registered');
|
console.log('Service Worker Registered');
|
||||||
});
|
});
|
||||||
|
|||||||
@ -143,7 +143,7 @@
|
|||||||
document.getElementById('login-form-background').style.background = 'rgb(34, 36, 55, ' + (opacity / 100) + ')';
|
document.getElementById('login-form-background').style.background = 'rgb(34, 36, 55, ' + (opacity / 100) + ')';
|
||||||
//Register Service worker for mobile app
|
//Register Service worker for mobile app
|
||||||
if ('serviceWorker' in navigator) {
|
if ('serviceWorker' in navigator) {
|
||||||
navigator.serviceWorker.register('/static/assets/js/service-worker.js', {scope: '/'})
|
navigator.serviceWorker.register('/static/assets/js/shared/service-worker.js', {scope: '/'})
|
||||||
.then(function (registration) {
|
.then(function (registration) {
|
||||||
console.log('Service Worker Registered');
|
console.log('Service Worker Registered');
|
||||||
});
|
});
|
||||||
|
|||||||
77
app/frontend/templates/public/offline.html
Normal file
77
app/frontend/templates/public/offline.html
Normal file
@ -0,0 +1,77 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<!-- Required meta tags -->
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<title>Crafty Controller</title>
|
||||||
|
<!-- plugins:css -->
|
||||||
|
<link rel="stylesheet" href="/static/assets/vendors/mdi/css/materialdesignicons.min.css">
|
||||||
|
<link rel="stylesheet" href="/static/assets/vendors/flag-icon-css/css/flag-icon.min.css">
|
||||||
|
<link rel="stylesheet" href="/static/assets/vendors/ti-icons/css/themify-icons.css">
|
||||||
|
<link rel="stylesheet" href="/static/assets/vendors/typicons/typicons.css">
|
||||||
|
<link rel="stylesheet" href="/static/assets/vendors/css/vendor.bundle.base.css">
|
||||||
|
<!-- endinject -->
|
||||||
|
<!-- Plugin css for this page -->
|
||||||
|
<!-- End Plugin css for this page -->
|
||||||
|
<!-- Layout styles -->
|
||||||
|
<link rel="stylesheet" href="/static/assets/css/dark/style.css">
|
||||||
|
<!-- End Layout styles -->
|
||||||
|
<link rel="shortcut icon" type="image/svg+xml" href="/static/assets/images/logo_small.svg">
|
||||||
|
<link rel="alternate icon" href="/static/assets/images/favicon.png" />
|
||||||
|
</head>
|
||||||
|
<style>
|
||||||
|
.auth.auth-bg-1 {
|
||||||
|
background: url("../../static/assets/images/auth/{% raw data['background'] %}"),
|
||||||
|
url("../../static/assets/images/auth/login-1.jpg");
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<body class="dark-theme">
|
||||||
|
<div class="container-scroller">
|
||||||
|
<div class="container-fluid page-body-wrapper full-page-wrapper">
|
||||||
|
<div class="content-wrapper d-flex align-items-center auth auth-bg-1 theme-one">
|
||||||
|
<div class="row w-100">
|
||||||
|
<div class="col-lg-4 mx-auto">
|
||||||
|
|
||||||
|
<div class="auto-form-wrapper">
|
||||||
|
<div class="text-center">
|
||||||
|
<img src="/static/assets/images/logo_long.svg"><br /><br />
|
||||||
|
<div class="col-sm-12 grid-margin stretch-card">
|
||||||
|
<div class="card card-statistics social-card facebook-card card-colored">
|
||||||
|
<div class="card-body">
|
||||||
|
<h4 class="platform-name mb-3 mt-4 font-weight-semibold user-name">{{ translate('offline', 'offline', data['lang']) }}</h4>
|
||||||
|
<h5 class="headline font-weight-medium"></h5>
|
||||||
|
<p class="mb-2 comment font-weight-light">
|
||||||
|
{{ translate('offline', 'pleaseConnect', data['lang']) }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- content-wrapper ends -->
|
||||||
|
</div>
|
||||||
|
<!-- page-body-wrapper ends -->
|
||||||
|
</div>
|
||||||
|
<!-- container-scroller -->
|
||||||
|
<!-- plugins:js -->
|
||||||
|
<script src="/static/assets/vendors/js/vendor.bundle.base.js"></script>
|
||||||
|
<!-- endinject -->
|
||||||
|
<!-- inject:js -->
|
||||||
|
<script src="/static/assets/js/shared/off-canvas.js"></script>
|
||||||
|
<script src="/static/assets/js/shared/hoverable-collapse.js"></script>
|
||||||
|
<script src="/static/assets/js/shared/misc.js"></script>
|
||||||
|
<script src="/static/assets/js/shared/settings.js"></script>
|
||||||
|
<script src="/static/assets/js/shared/todolist.js"></script>
|
||||||
|
<!-- endinject -->
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@ -89,7 +89,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- View for Small screen -->
|
<!-- View for Small screen -->
|
||||||
<div class="row justify-content-center align-items-sm-center">
|
<div class="row justify-content-center align-items-sm-center">
|
||||||
<div class="content-wrapper login-modal d-sm-none d-block">
|
<div class="content-wrapper login-modal d-sm-none d-block" style="background-color: var(--dropdown-bg);">
|
||||||
<img src="/static/assets/images/logo_long.png" style='width: 100%;'>
|
<img src="/static/assets/images/logo_long.png" style='width: 100%;'>
|
||||||
<hr />
|
<hr />
|
||||||
{% if data['running'] != 0 %}
|
{% if data['running'] != 0 %}
|
||||||
|
|||||||
@ -209,6 +209,10 @@
|
|||||||
"preparingLogs": " Please wait while we prepare your logs... We`ll send a notification when they`re ready. This may take a while for large deployments.",
|
"preparingLogs": " Please wait while we prepare your logs... We`ll send a notification when they`re ready. This may take a while for large deployments.",
|
||||||
"supportLogs": "Support Logs"
|
"supportLogs": "Support Logs"
|
||||||
},
|
},
|
||||||
|
"offline": {
|
||||||
|
"offline": "Offline",
|
||||||
|
"pleaseConnect": "Please connect to the internet to use Crafty."
|
||||||
|
},
|
||||||
"panelConfig": {
|
"panelConfig": {
|
||||||
"adminControls": "Admin Controls",
|
"adminControls": "Admin Controls",
|
||||||
"allowedServers": "Allowed Servers",
|
"allowedServers": "Allowed Servers",
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user