2019-10-30 17:33:58 +00:00
<!doctype html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
2020-05-28 13:20:56 +00:00
< meta name = "viewport" content = "width=device-width, initial-scale=0.8,maximum-scale=0.8, minimum-scale=0.8, shrink-to-fit=no" >
2020-08-24 10:59:52 +00:00
< link rel = "stylesheet" href = "css/spectre.min.css" >
< link rel = "stylesheet" href = "css/spectre-exp.min.css" >
< link rel = "stylesheet" href = "css/spectre-icons.min.css" >
< link rel = "stylesheet" href = "css/pwa.css" >
< link rel = "stylesheet" href = "css/main.css" >
2020-04-04 10:21:14 +00:00
< link rel = "apple-touch-icon" sizes = "180x180" href = "img/apple-touch-icon.png" >
< link rel = "icon" type = "image/png" sizes = "32x32" href = "img/favicon-32x32.png" >
< link rel = "icon" type = "image/png" sizes = "16x16" href = "img/favicon-16x16.png" >
2020-04-04 10:23:53 +00:00
< link rel = "manifest" href = "site.webmanifest" >
2020-04-04 10:21:14 +00:00
< link rel = "mask-icon" href = "img/safari-pinned-tab.svg" color = "#5755d9" >
2020-04-03 15:37:54 +00:00
< meta name = "apple-mobile-web-app-title" content = "BangleApps" >
< meta name = "application-name" content = "BangleApps" >
< meta name = "msapplication-TileColor" content = "#5755d9" >
< meta name = "theme-color" content = "#5755d9" >
2020-02-28 11:44:25 +00:00
< title > Bangle.js App Loader< / title >
2019-10-30 17:33:58 +00:00
< / head >
< body >
2019-10-30 20:12:44 +00:00
< header class = "navbar-primary navbar" >
2021-11-28 13:58:41 +00:00
< section class = "navbar-section" >
< a href = "https://banglejs.com" target = "_blank" class = "navbar-brand mr-2" > < img src = "img/banglejs-logo-sml.png" alt = "Bangle.js" >
< div > App Loader< / div > < / a >
2019-10-30 17:33:58 +00:00
<!-- <a href="#" class="btn btn - link">...</a> -->
< / section >
2019-11-11 23:59:52 +00:00
< section class = "navbar-section" >
2019-11-12 10:56:31 +00:00
< button class = "btn" id = "connectmydevice" > Connect< / button >
2019-11-11 23:59:52 +00:00
< / section >
2019-10-30 17:33:58 +00:00
<!-- <section class="navbar - section">
< div class = "input-group input-inline" >
< input class = "form-input" type = "text" placeholder = "search" >
< button class = "btn btn-primary input-group-btn" > Search< / button >
< / div >
< / section > -->
< / header >
2020-04-07 09:53:02 +00:00
< div class = "container" style = "padding-top:4px" >
2020-04-04 10:18:33 +00:00
< p id = "requireHTTPS" class = "hidden" >
2020-04-07 09:53:02 +00:00
< b > STOP!< / b > This page < b > must< / b > be served over HTTPS. Please < a > reload this page via HTTPS< / a > .
2020-04-04 10:18:33 +00:00
< / p >
2020-02-28 12:16:57 +00:00
< / div >
2019-10-30 17:33:58 +00:00
< ul class = "tab tab-block" id = "tab-navigate" >
< li class = "tab-item active" id = "tab-librarycontainer" >
< a href = "javascript:showTab('librarycontainer')" > Library< / a >
< / li >
< li class = "tab-item" id = "tab-myappscontainer" >
< a href = "javascript:showTab('myappscontainer')" > My Apps< / a >
< / li >
2022-01-28 11:47:23 +00:00
< li class = "tab-item" id = "tab-morecontainer" >
< a href = "javascript:showTab('morecontainer')" > More...< / a >
2019-10-30 17:33:58 +00:00
< / li >
< / ul >
< div class = "container" id = "toastcontainer" >
< / div >
2020-08-21 13:59:43 +00:00
< div class = "container apploader-tab" id = "librarycontainer" >
2021-11-28 13:58:41 +00:00
< div class = "dropdown-container" >
2021-10-20 14:20:25 +00:00
< div class = "dropdown devicetype-nav" >
< a href = "#" class = "btn btn-link dropdown-toggle" tabindex = "0" >
< span > All apps< / span > < i class = "icon icon-caret" > < / i >
< / a >
<!-- menu component -->
< ul class = "menu" >
< li class = "menu-item" > < a > All apps< / a > < / li >
< li class = "menu-item" > < a dt = "BANGLEJS" > Bangle.js 1< / a > < / li >
< li class = "menu-item" > < a dt = "BANGLEJS2" > Bangle.js 2< / a > < / li >
< / ul >
< / div >
2020-05-12 21:01:22 +00:00
< div class = "filter-nav" >
< label class = "chip active" filterid = "" > Default< / label >
< label class = "chip" filterid = "clock" > Clocks< / label >
< label class = "chip" filterid = "game" > Games< / label >
< label class = "chip" filterid = "tool" > Tools< / label >
< label class = "chip" filterid = "widget" > Widgets< / label >
< label class = "chip" filterid = "bluetooth" > Bluetooth< / label >
< label class = "chip" filterid = "outdoors" > Outdoors< / label >
< label class = "chip" filterid = "favourites" > Favourites< / label >
< / div >
2020-05-13 10:40:33 +00:00
< div class = "sort-nav hidden" >
< span > Sort by:< / span >
< label class = "chip active" sortid = "" > None< / label >
< label class = "chip" sortid = "created" > New< / label >
< label class = "chip" sortid = "modified" > Updated< / label >
< / div >
2019-11-13 17:27:22 +00:00
< / div >
2020-05-12 21:01:22 +00:00
2020-05-13 10:40:33 +00:00
< div class = "panel" style = "clear:both" >
2019-10-30 17:33:58 +00:00
< div class = "panel-header" >
2019-11-13 17:27:22 +00:00
< div class = "input-group" id = "searchform" >
2019-10-30 17:33:58 +00:00
< input class = "form-input" type = "text" placeholder = "Keywords..." >
< button class = "btn btn-primary input-group-btn" > Search< / button >
2019-11-13 17:27:22 +00:00
< / div >
2019-10-30 17:33:58 +00:00
< / div >
2019-11-03 11:50:00 +00:00
< div class = "panel-body columns" > <!-- apps go here --> < / div >
2019-10-30 17:33:58 +00:00
< / div >
< / div >
2020-08-21 13:59:43 +00:00
< div class = "container apploader-tab" id = "myappscontainer" style = "display:none" >
2019-10-30 17:33:58 +00:00
< div class = "panel" >
< div class = "panel-header" style = "text-align:right" >
2019-12-24 13:47:02 +00:00
< button class = "btn refresh" > Refresh...< / button >
2020-04-20 09:07:55 +00:00
< button class = "btn btn-primary updateapps hidden" > Update X apps< / button >
2019-10-30 17:33:58 +00:00
< / div >
2019-11-03 11:50:00 +00:00
< div class = "panel-body columns" > <!-- apps go here --> < / div >
2019-10-30 17:33:58 +00:00
< / div >
< / div >
2022-01-28 11:47:23 +00:00
< div class = "container apploader-tab" id = "morecontainer" style = "display:none" >
2019-10-30 17:33:58 +00:00
< div class = "hero bg-gray" >
< div class = "hero-body" >
2020-03-16 09:04:13 +00:00
< a href = "https://banglejs.com" target = "_blank" > < img src = "img/banglejs-logo-mid.png" alt = "Bangle.js" > < / a >
2019-11-07 09:26:46 +00:00
< h2 > App Loader< / h2 >
2020-03-16 09:04:13 +00:00
< p > A tool for uploading and removing apps from < a href = "https://banglejs.com" target = "_blank" > Bangle.js Smart Watches< / a > < / p >
2019-10-30 17:33:58 +00:00
< / div >
< / div >
2019-11-07 09:26:46 +00:00
< div class = "container" style = "padding-top: 8px;" >
2020-12-03 15:12:46 +00:00
< p > < b > Can't connect?< / b > Check out the < a href = "https://www.espruino.com/Troubleshooting+Bangle.js" target = "_blank" > Bangle.js Troubleshooting page< / a >
2020-04-08 07:53:40 +00:00
< p id = "apploaderlinks" > < / p >
2020-03-16 09:04:13 +00:00
< p > Check out < a href = "https://github.com/espruino/BangleApps" target = "_blank" > the Source on GitHub< / a > , or
2020-04-03 15:37:54 +00:00
find out < a href = "https://www.espruino.com/Bangle.js+App+Loader" target = "_blank" > how to add your own app< / a > < / p >
2020-03-16 09:04:13 +00:00
< p > Using < a href = "https://espruino.com/" target = "_blank" > Espruino< / a > , Icons from < a href = "https://icons8.com/" target = "_blank" > icons8.com< / a > < / p >
2019-11-07 09:26:46 +00:00
< h3 > Utilities< / h3 >
< p > < button class = "btn" id = "settime" > Set Bangle.js Time< / button >
2020-02-04 16:13:06 +00:00
< button class = "btn" id = "removeall" > Remove all Apps< / button >
2020-04-14 06:52:04 +00:00
< button class = "btn" id = "installdefault" > Install default apps< / button >
< button class = "btn" id = "installfavourite" > Install favourite apps< / button > < / p >
2022-03-15 12:47:57 +00:00
< p > < button class = "btn tooltip tooltip-right" id = "downloadallapps" data-tooltip = "Download all Bangle.js files to a ZIP file" > Backup< / button >
< button class = "btn tooltip tooltip-right" id = "uploadallapps" data-tooltip = "Restore Bangle.js from a ZIP file" > Restore< / button > < / p >
2020-04-29 08:20:18 +00:00
< h3 > Settings< / h3 >
< div class = "form-group" >
< label class = "form-switch" >
< input type = "checkbox" id = "settings-pretokenise" >
< i class = "form-icon" > < / i > Pretokenise apps before upload (smaller, faster apps)
< / label >
2021-10-27 15:42:54 +00:00
< label class = "form-switch" >
< input type = "checkbox" id = "settings-settime" >
< i class = "form-icon" > < / i > Always update time when we connect
< / label >
2022-01-18 16:21:30 +00:00
< div class = "form-group" >
< select class = "form-select form-inline" id = "settings-lang" style = "width: 10em" >
< option value = "" > None (English)< / option >
2022-02-11 11:40:44 +00:00
< / select > < span > Translations (< a href = "https://github.com/espruino/BangleApps/issues/1311" target = "_blank" > BETA - more info< / a > ). Any apps that are uploaded to Bangle.js after changing this will have any text automatically translated.< / span >
2022-01-18 16:21:30 +00:00
< / div >
2020-04-29 08:20:18 +00:00
< button class = "btn" id = "defaultsettings" > Default settings< / button >
< / div >
2022-01-30 20:39:40 +00:00
< div id = "more-deviceinfo" style = "display:none" >
< h3 > Device info< / h3 >
< div id = "more-deviceinfo-content" > < / div >
< / div >
2019-11-07 09:26:46 +00:00
< / div >
2019-10-30 17:33:58 +00:00
< / div >
2020-04-04 10:35:55 +00:00
< footer class = "floating hidden" >
<!-- Install button, hidden by default -->
< div id = "installContainer" class = "hidden" >
< button id = "butInstall" type = "button" >
Install
< / button >
< / div >
< / footer >
2019-11-04 15:03:50 +00:00
< script src = "https://www.puck-js.com/puck.js" > < / script >
2020-08-21 13:59:43 +00:00
< script src = "core/lib/marked.min.js" > < / script >
< script src = "core/lib/espruinotools.js" > < / script >
< script src = "core/lib/heatshrink.js" > < / script >
< script src = "core/js/utils.js" > < / script >
2020-09-01 10:37:38 +00:00
< script src = "loader.js" > < / script >
2022-03-15 12:47:57 +00:00
< script src = "https://cdnjs.cloudflare.com/ajax/libs/jszip/3.7.1/jszip.min.js" > < / script > <!-- for backup.js -->
< script src = "backup.js" > < / script >
2020-08-21 13:59:43 +00:00
< script src = "core/js/ui.js" > < / script >
< script src = "core/js/comms.js" > < / script >
< script src = "core/js/appinfo.js" > < / script >
< script src = "core/js/index.js" > < / script >
< script src = "core/js/pwa.js" defer > < / script >
2022-03-24 15:52:19 +00:00
< script src = "gadgetbridge.js" > < / script >
2019-10-30 17:33:58 +00:00
< / body >
< / html >
