Gadgetbridge/app/src/main/assets/app_config/configure.html

<!DOCTYPE html>
<head>
    <meta charset="utf-8" />
    <meta name='viewport' content='initial-scale=1.0, maximum-scale=1.0'>
    <script type="text/javascript" src="js/Uri.js">
    </script>
    <script type="text/javascript" src="js/gadgetbridge_boilerplate.js">
    </script>
    <script type="text/javascript">
    </script>
    <style>
        body {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-touch-callout: none;
        }
        #config_url,#jsondata {
        word-wrap: break-word;
        margin: 20px;
        }
        .btn {
        display: inline-block;
        position: relative;
        height: 32px;
        line-height: 32px;
        border-radius: 2px;
        font-size: 0.9em;
        background-color: #eee;
        color: #646464;
        text-align: center;
        border-style: none;
        }
        .btn:active {
        border-style: none;
        box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2)inset;
        transition-delay: 0s;
        }
        <!-- TODO -->
    </style>
</head>
<body onload="" style="width: 100%;">
<div id="step1">
    <h2>Url of the configuration:</h2>
    <div id="config_url"></div>
    <!--<button class="btn" name="show config" value="show config" onclick="Pebble.showConfiguration()" >Show config / URL</button>-->
    <button class="btn" name="open config" value="open config" onclick="Pebble.actuallyOpenURL()" >Open configuration website</button>
</div>
<div id="step2">
    <h2>Incoming configuration data:</h2>
    <div id="jsondata"></div>
    <button class="btn" name="send config" value="send config" onclick="Pebble.actuallySendData()" >Send data to pebble</button>
</div>
</body>
Initial support for using an external browser for configuring pebble apps. This allows existing configuration pages to work without having internet access ourselves. This is a better approach as initially thought in #191. What is missing is outlined in the (several) TODOs. 2016-02-28 22:25:21 +01:00			`<!DOCTYPE html>`
			`<head>`
Add some style, intercept and display toast in case of JS errors 2016-03-18 17:50:24 +01:00			`<meta charset="utf-8" />`
			`<meta name='viewport' content='initial-scale=1.0, maximum-scale=1.0'>`
Initial support for using an external browser for configuring pebble apps. This allows existing configuration pages to work without having internet access ourselves. This is a better approach as initially thought in #191. What is missing is outlined in the (several) TODOs. 2016-02-28 22:25:21 +01:00			`<script type="text/javascript" src="js/Uri.js">`
			`</script>`
			`<script type="text/javascript" src="js/gadgetbridge_boilerplate.js">`
			`</script>`
			`<script type="text/javascript">`
			`</script>`
			`<style>`
Add some style, intercept and display toast in case of JS errors 2016-03-18 17:50:24 +01:00			`body {`
			`-webkit-user-select: none;`
			`-moz-user-select: none;`
			`-ms-user-select: none;`
			`user-select: none;`
			`-webkit-tap-highlight-color: rgba(0,0,0,0);`
			`-webkit-touch-callout: none;`
			`}`
			`#config_url,#jsondata {`
			`word-wrap: break-word;`
			`margin: 20px;`
			`}`
			`.btn {`
			`display: inline-block;`
			`position: relative;`
			`height: 32px;`
			`line-height: 32px;`
			`border-radius: 2px;`
			`font-size: 0.9em;`
			`background-color: #eee;`
			`color: #646464;`
			`text-align: center;`
			`border-style: none;`
			`}`
			`.btn:active {`
			`border-style: none;`
			`box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2)inset;`
			`transition-delay: 0s;`
			`}`
Initial support for using an external browser for configuring pebble apps. This allows existing configuration pages to work without having internet access ourselves. This is a better approach as initially thought in #191. What is missing is outlined in the (several) TODOs. 2016-02-28 22:25:21 +01:00			`<!-- TODO -->`
			`</style>`
			`</head>`
call the ready event as soon as the app js file has been loaded. Add a button to debug the different steps. 2016-03-08 17:45:11 +01:00			`<body onload="" style="width: 100%;">`
Initial support for using an external browser for configuring pebble apps. This allows existing configuration pages to work without having internet access ourselves. This is a better approach as initially thought in #191. What is missing is outlined in the (several) TODOs. 2016-02-28 22:25:21 +01:00			`<div id="step1">`
			`<h2>Url of the configuration:</h2>`
Add some style, intercept and display toast in case of JS errors 2016-03-18 17:50:24 +01:00			`<div id="config_url"></div>`
Localize the title of the configuration activity. Auto open local settings (e.g. clay) 2016-03-21 21:19:32 +01:00			`<!--<button class="btn" name="show config" value="show config" onclick="Pebble.showConfiguration()" >Show config / URL</button>-->`
Add some style, intercept and display toast in case of JS errors 2016-03-18 17:50:24 +01:00			`<button class="btn" name="open config" value="open config" onclick="Pebble.actuallyOpenURL()" >Open configuration website</button>`
Initial support for using an external browser for configuring pebble apps. This allows existing configuration pages to work without having internet access ourselves. This is a better approach as initially thought in #191. What is missing is outlined in the (several) TODOs. 2016-02-28 22:25:21 +01:00			`</div>`
			`<div id="step2">`
			`<h2>Incoming configuration data:</h2>`
Add some style, intercept and display toast in case of JS errors 2016-03-18 17:50:24 +01:00			`<div id="jsondata"></div>`
			`<button class="btn" name="send config" value="send config" onclick="Pebble.actuallySendData()" >Send data to pebble</button>`
Initial support for using an external browser for configuring pebble apps. This allows existing configuration pages to work without having internet access ourselves. This is a better approach as initially thought in #191. What is missing is outlined in the (several) TODOs. 2016-02-28 22:25:21 +01:00			`</div>`
			`</body>`