1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/Touchgui/www/index.html Thu Jun 04 14:50:33 2015 +0200
1.3 @@ -0,0 +1,65 @@
1.4 +<!DOCTYPE html><!--HTML5 doctype-->
1.5 +<html>
1.6 +<head>
1.7 + <title>Touch Buzzer Companion App</title>
1.8 + <meta http-equiv="Content-type" content="text/html; charset=utf-8">
1.9 + <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />
1.10 + <style type="text/css">
1.11 + /* Prevent copy paste for all elements except text fields */
1.12 + * { -webkit-user-select:none; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); }
1.13 + input, textarea { -webkit-user-select:text; }
1.14 + body { background-color:white; color:black }
1.15 + </style>
1.16 + <!-- jQuery -->
1.17 + <script src="lib/jquery/jquery-2.1.1.js"></script>
1.18 + <!-- App Framework -->
1.19 + <link rel="stylesheet" type="text/css" href="lib/appframework/af.ui.css"></link>
1.20 + <script type="text/javascript" src="lib/appframework/jq.appframework.min.js"></script>
1.21 +<!-- <script type="text/javascript" src="lib/appframework/appframework.js"></script>-->
1.22 + <script type="text/javascript" charset="utf-8" src="lib/appframework/appframework.ui.min.js"></script>
1.23 +
1.24 + <link rel="stylesheet" type="text/css" href="css/main.css"></link>
1.25 + <script src="intelxdk.js"></script>
1.26 + <script src="cordova.js"></script>
1.27 +
1.28 + <script src='xhr.js'></script>
1.29 + <script type="text/javascript">
1.30 + var onDeviceReady=function(){ // called when Cordova is ready
1.31 + if( window.Cordova && navigator.splashscreen ) { // Cordova API detected
1.32 + navigator.splashscreen.hide() ; // hide splash screen
1.33 + }
1.34 + } ;
1.35 + document.addEventListener("deviceready", onDeviceReady, false) ;
1.36 + </script>
1.37 +</head>
1.38 +<body>
1.39 + <div id="afui">
1.40 +
1.41 + <div id="content">
1.42 +
1.43 + <div id="main" title="TouchNotifier" class="panel" data-footer="none">
1.44 + <div class="center">
1.45 + <h1>Are you Expecting Anyone?</h1>
1.46 + <div id="notifier_circle" class="gray">
1.47 +
1.48 + </div>
1.49 + </div>
1.50 + <div>
1.51 + <b>Log:</b><br>
1.52 + <div id="feedback_log" class="redtext"></div>
1.53 + </div>
1.54 + </div>
1.55 +
1.56 + <div class="panel" data-title="TouchNotifier Companion" modal="true" selected="true">
1.57 + <p>Please provide an IP address & port to your TouchNotifier IoT project (Touch Sensor & Buzzer) on your development platform.</p>
1.58 + <b>Note:</b> This is needed for establishing a connection betweeen your Companion App and Node.js/IoT application.
1.59 + <p>
1.60 + <input id="ip_address" type="text" placeholder="Enter your IoT dev platform's IP Address">
1.61 + <input id="port" type="text" placeholder="Enter your corresponding port number">
1.62 + <a class="block button" onclick="validateIP()">Submit</a>
1.63 + </div>
1.64 + </div>
1.65 + </div>
1.66 +</body>
1.67 +<script type="text/javascript" src="js/main.js"></script>
1.68 +</html>
