Skip to content

Commit

Permalink
PWA V0.10
Browse files Browse the repository at this point in the history
  • Loading branch information
joembedded committed Oct 10, 2024
1 parent 31753ff commit 5e2a370
Show file tree
Hide file tree
Showing 10 changed files with 55 additions and 21 deletions.
15 changes: 15 additions & 0 deletions ble_api/css/jodash.css
Original file line number Diff line number Diff line change
Expand Up @@ -76,8 +76,23 @@ input[type=checkbox] {
vertical-align: -0.125em;
}

/* Fuer PWA: Hide Install button 'joInstallApp' until beforeinstallprompt fires */
#joInstallApp {
display: none;
}

/* === Ein paar Animationen fuer die icons. Verwendung durch setzen der Klasse === */

.jo-icon-ani-blink::before {
position: relative;
animation: joanblink 1s steps(2) infinite;
}
@keyframes joanblink {
0% {
opacity: 20%;
}
}

/* Icon in Uhrzeiger rotieren */
.jo-icon-ani-rotate::before {
position: relative;
Expand Down
18 changes: 9 additions & 9 deletions ble_api/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -14,9 +14,8 @@
<meta property="og:description" content="Dashboard for LTX Data Loggers with BLE, LTE, LTE-M, LTE-NB, Satellite, ..." />
<meta name="description" content="Dashboard for LTX Data Loggers with BLE, LTE, LTE-M, LTE-NB, Satellite, ..." />

<!-- Pfad 'preview' zeigt in Release immer auf volle URL (nur dann als Link immer korrekt darstellbar)
https://de.ryte.com/magazine/open-graph-tags/ (Empfehlung 600x315 Pixel, Achtung: tweilweise geclippt! )-->
<meta property="og:image" content="https://joembedded.github.io/ltx_ble_demo/ble_api/static/preview600x315.png" />
<!-- Pfad 'preview' zeigt in Release immer auf volle URL (nur dann als Link-Preview-Bild immer korrekt darstellbar) -->
<meta property="og:image" content="https://joembedded.github.io/ltx_ble_demo/ble_api/static/preview1024x768.png" />

<link rel="manifest" href="manifest.webmanifest">
<meta name="theme-color" content="#0000FF">
Expand All @@ -34,7 +33,7 @@
<script>

window.jdDebug = 0 // PWA-global - DebugLevel: 0:Run, 1-2:Debug: 1:LocalhostDev,NoQRScannerPolyfill, 2: Debug,ScannerPolyfill
if (location.hostname == 'localhost' || location.hostname == '127.0.0.1') window.jdDebug = 2 // DEBUG-local
if (location.hostname == 'localhost' || location.hostname == '127.0.0.1') window.jdDebug = 0 // DEBUG-local

function installServiceWorker() {
if ('serviceWorker' in navigator) {
Expand Down Expand Up @@ -273,25 +272,26 @@

<!-- Rechte Teile im Footer wie im Header -->
<footer class="jo-menu-footer">

<div>
<span id="bd-online" style="color: var(--lime);"><i class="bi-link"></i>
<span id="bd-online" hidden style="color: var(--lime);"><i class="bi-link"></i>
Online</span>
<span id="bd-offline" hidden style="color: var(--red);"><i class="bi-ban"></i>
Offline</span>
</div>

<!-- Debug-Button einfach mal da, bei Bedarf aktivieren -->
<button hidden id="button-debug">(DEBUG)</button>

<!-- Buttun MUSS 'joInstallApp' heissen! Wird per Default von CSS zu hidden -->
<button id="joInstallApp" data-ll="Install APP">Install APP</button>

<span class="jo-menu-right">
<span id="bd-version" class="jo-font-small">x.xx xx.xx.xxxx</span>
</span>
</footer>
</div>

<!-- Hier Platz fuer Test-Dialoge, die spaeter dann dynamisch werden koennen
<dialog id="testDialog">
</dialog> -->

</body>

</html>
2 changes: 1 addition & 1 deletion ble_api/js/blxdash.js

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion ble_api/js/intmain_i18n.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit 5e2a370

Please sign in to comment.