2019-10-30 17:33:58 +00:00
<!doctype html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no" >
2019-11-06 17:25:02 +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" >
2020-02-28 11:44:25 +00:00
< title > Bangle.js App Loader< / title >
2019-10-30 20:12:44 +00:00
< style >
.navbar { background-color: #5755d9; padding: 0.5em 1em 0.5em 1em; }
2019-11-03 11:13:21 +00:00
.navbar .navbar-brand {
color: #fff;
2019-10-30 20:12:44 +00:00
font-weight: bold;
}
2019-11-03 11:13:21 +00:00
.avatar img {
border-radius: 5px 5px 5px 5px;
background: #ddd;
2019-11-06 15:52:24 +00:00
}
#toastcontainer {
2019-11-13 16:43:09 +00:00
position:fixed;
2019-11-06 15:52:24 +00:00
bottom:8px;left:0px;right:0px;
z-index: 100;
2019-11-07 09:26:46 +00:00
}
.hero {
padding-bottom: 1rem;
padding-top: 1rem;
text-align:center;
2019-11-13 17:27:22 +00:00
}
.chip {
cursor: pointer;
2019-11-03 11:13:21 +00:00
}
2019-10-30 20:12:44 +00:00
< / style >
2019-10-30 17:33:58 +00:00
< / head >
< body >
2019-10-30 20:12:44 +00:00
< header class = "navbar-primary navbar" >
2019-10-30 17:33:58 +00:00
< section class = "navbar-section" >
2019-11-07 09:26:46 +00:00
< a href = "https://banglejs.com" class = "navbar-brand mr-2" > < img src = "img/banglejs-logo-sml.png" alt = "Bangle.js" > App Loader< / 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-02-28 12:16:57 +00:00
< div class = "container" style = "padding-top:4px" >
2020-03-11 16:30:51 +00:00
< p > < b > Note:< / b > If you have a version of Bangle.js firmware before 2v04, please update to the < a href = "https://www.espruino.com/Bangle.js#firmware-updates" > latest firmware< / a > or
< a href = "https://banglejs.com/oldapps/" > use the legacy app loader< / a > .
2020-02-28 12:16:57 +00:00
< / p >
< / 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 >
< li class = "tab-item" id = "tab-aboutcontainer" >
< a href = "javascript:showTab('aboutcontainer')" > About< / a >
< / li >
< / ul >
< div class = "container" id = "toastcontainer" >
< / div >
< div class = "container bangle-tab" id = "librarycontainer" >
2019-11-13 17:27:22 +00:00
< div class = "filter-nav" >
< label class = "chip active" filterid = "" > All< / label >
2019-10-30 17:33:58 +00:00
< label class = "chip" filterid = "clock" > Clocks< / label >
< label class = "chip" filterid = "game" > Games< / label >
< label class = "chip" filterid = "tool" > Tools< / label >
2019-11-13 17:43:59 +00:00
< label class = "chip" filterid = "widget" > Widgets< / label >
< label class = "chip" filterid = "bluetooth" > Bluetooth< / label >
2019-11-13 17:27:22 +00:00
< / div >
2019-10-30 17:33:58 +00:00
< div class = "panel" >
< 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 >
< div class = "container bangle-tab" id = "myappscontainer" style = "display:none" >
< 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 >
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 >
< div class = "container bangle-tab" id = "aboutcontainer" style = "display:none" >
< div class = "hero bg-gray" >
< div class = "hero-body" >
2019-11-07 09:26:46 +00:00
< a href = "https://banglejs.com" > < img src = "img/banglejs-logo-mid.png" alt = "Bangle.js" > < / a >
< h2 > App Loader< / h2 >
2019-10-30 17:33:58 +00:00
< p > A tool for uploading and removing apps from < a href = "https://banglejs.com" > Bangle.js Smart Watches< / a > < / p >
< / div >
< / div >
2019-11-07 09:26:46 +00:00
< div class = "container" style = "padding-top: 8px;" >
< p > Using < a href = "https://espruino.com/" > Espruino< / a > , Icons from < a href = "https://icons8.com/" > icons8.com< / a > < / p >
< p > Check out < a href = "https://github.com/espruino/BangleApps" > the Source on GitHub< / a > for more information.< / p >
< 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 >
< button class = "btn" id = "installdefault" > Install default apps< / button > < / p >
2019-11-07 09:26:46 +00:00
< / div >
2019-10-30 17:33:58 +00:00
< / div >
2019-11-04 15:03:50 +00:00
< script src = "https://www.puck-js.com/puck.js" > < / script >
2019-10-30 17:33:58 +00:00
< script src = "utils.js" > < / script >
< script src = "comms.js" > < / script >
2019-11-10 10:22:33 +00:00
< script src = "appinfo.js" > < / script >
2019-10-30 17:33:58 +00:00
< script src = "index.js" > < / script >
2019-12-24 13:47:02 +00:00
< script src = "https://cdn.jsdelivr.net/npm/file-saver@2.0.2/dist/FileSaver.min.js" type = "application/javascript" > < / script >
2019-10-30 17:33:58 +00:00
< / body >
< / html >
