Touchgui/www/index.html@e8ccd40d0ef6 (annotated)
Touchgui/www/index.html
Thu, 04 Jun 2015 14:50:33 +0200
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 04 Jun 2015 14:50:33 +0200
- changeset 0
- e8ccd40d0ef6
- permissions
- -rw-r--r--
Genesis of lecture sources for Droidcon Berlin 2015 in Postbahnhof.
| michael@0 | 1 | <!DOCTYPE html><!--HTML5 doctype--> |
| michael@0 | 2 | <html> |
| michael@0 | 3 | <head> |
| michael@0 | 4 | <title>Touch Buzzer Companion App</title> |
| michael@0 | 5 | <meta http-equiv="Content-type" content="text/html; charset=utf-8"> |
| michael@0 | 6 | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" /> |
| michael@0 | 7 | <style type="text/css"> |
| michael@0 | 8 | /* Prevent copy paste for all elements except text fields */ |
| michael@0 | 9 | * { -webkit-user-select:none; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); } |
| michael@0 | 10 | input, textarea { -webkit-user-select:text; } |
| michael@0 | 11 | body { background-color:white; color:black } |
| michael@0 | 12 | </style> |
| michael@0 | 13 | <!-- jQuery --> |
| michael@0 | 14 | <script src="lib/jquery/jquery-2.1.1.js"></script> |
| michael@0 | 15 | <!-- App Framework --> |
| michael@0 | 16 | <link rel="stylesheet" type="text/css" href="lib/appframework/af.ui.css"></link> |
| michael@0 | 17 | <script type="text/javascript" src="lib/appframework/jq.appframework.min.js"></script> |
| michael@0 | 18 | <!-- <script type="text/javascript" src="lib/appframework/appframework.js"></script>--> |
| michael@0 | 19 | <script type="text/javascript" charset="utf-8" src="lib/appframework/appframework.ui.min.js"></script> |
| michael@0 | 20 | |
| michael@0 | 21 | <link rel="stylesheet" type="text/css" href="css/main.css"></link> |
| michael@0 | 22 | <script src="intelxdk.js"></script> |
| michael@0 | 23 | <script src="cordova.js"></script> |
| michael@0 | 24 | |
| michael@0 | 25 | <script src='xhr.js'></script> |
| michael@0 | 26 | <script type="text/javascript"> |
| michael@0 | 27 | var onDeviceReady=function(){ // called when Cordova is ready |
| michael@0 | 28 | if( window.Cordova && navigator.splashscreen ) { // Cordova API detected |
| michael@0 | 29 | navigator.splashscreen.hide() ; // hide splash screen |
| michael@0 | 30 | } |
| michael@0 | 31 | } ; |
| michael@0 | 32 | document.addEventListener("deviceready", onDeviceReady, false) ; |
| michael@0 | 33 | </script> |
| michael@0 | 34 | </head> |
| michael@0 | 35 | <body> |
| michael@0 | 36 | <div id="afui"> |
| michael@0 | 37 | |
| michael@0 | 38 | <div id="content"> |
| michael@0 | 39 | |
| michael@0 | 40 | <div id="main" title="TouchNotifier" class="panel" data-footer="none"> |
| michael@0 | 41 | <div class="center"> |
| michael@0 | 42 | <h1>Are you Expecting Anyone?</h1> |
| michael@0 | 43 | <div id="notifier_circle" class="gray"> |
| michael@0 | 44 | |
| michael@0 | 45 | </div> |
| michael@0 | 46 | </div> |
| michael@0 | 47 | <div> |
| michael@0 | 48 | <b>Log:</b><br> |
| michael@0 | 49 | <div id="feedback_log" class="redtext"></div> |
| michael@0 | 50 | </div> |
| michael@0 | 51 | </div> |
| michael@0 | 52 | |
| michael@0 | 53 | <div class="panel" data-title="TouchNotifier Companion" modal="true" selected="true"> |
| michael@0 | 54 | <p>Please provide an IP address & port to your TouchNotifier IoT project (Touch Sensor & Buzzer) on your development platform.</p> |
| michael@0 | 55 | <b>Note:</b> This is needed for establishing a connection betweeen your Companion App and Node.js/IoT application. |
| michael@0 | 56 | <p> |
| michael@0 | 57 | <input id="ip_address" type="text" placeholder="Enter your IoT dev platform's IP Address"> |
| michael@0 | 58 | <input id="port" type="text" placeholder="Enter your corresponding port number"> |
| michael@0 | 59 | <a class="block button" onclick="validateIP()">Submit</a> |
| michael@0 | 60 | </div> |
| michael@0 | 61 | </div> |
| michael@0 | 62 | </div> |
| michael@0 | 63 | </body> |
| michael@0 | 64 | <script type="text/javascript" src="js/main.js"></script> |
| michael@0 | 65 | </html> |
