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