fixing xyfocus

seksenov · Aug 21, 2015 · 0b3bbe9 · 0b3bbe9
1 parent 25abbe0
commit 0b3bbe9
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 6 deletions.
diff --git a/src/htdocs/index.html b/src/htdocs/index.html
@@ -4,9 +4,17 @@
 	<meta name="viewport" content="width=device-width" />
     <link rel="stylesheet" href="app.css">
     <link rel="manifest" href="manifest.json">
+
   </head>
   <body>
     <script src="main.js"></script>
-    <script src="WinJS-XYFocus.js"></script>
+    <script src="images/WinJS-XYFocus.js"></script>
+    <script type="text/javascript">
+      WinJS.UI.XYFocus.keyCodeMap.up.push(38);
+      WinJS.UI.XYFocus.keyCodeMap.down.push(40);
+      WinJS.UI.XYFocus.keyCodeMap.left.push(37);
+      WinJS.UI.XYFocus.keyCodeMap.right.push(39);
+    </script>
+
   </body>
 </html>
diff --git a/src/WinJS-XYFocus.js → src/images/WinJS-XYFocus.js b/src/WinJS-XYFocus.js → src/images/WinJS-XYFocus.js
diff --git a/src/javascript/jsx/AddtoCal.jsx b/src/javascript/jsx/AddtoCal.jsx
@@ -11,7 +11,7 @@ var AddtoCal = React.createClass({
           <span className="stepLabel">Step 4 of 4</span>
           <h2 className="paneTitle">Add to System Calendar?</h2>
           <div className="paneContent">
-            <button className="buttonAction" data-tabindex="5" onClick={this.handleClick}>Add to Calendar</button>
+            <button className="buttonAction" tabIndex="5" onClick={this.handleClick}>Add to Calendar</button>
           </div>
         </div>
         <div className="background Calendar"></div>

diff --git a/src/javascript/jsx/ConfirmationPage.jsx b/src/javascript/jsx/ConfirmationPage.jsx
@@ -24,7 +24,7 @@ var ConfirmationPage = React.createClass({
         </div>
         <div className="paneButtons">
         	<div className="container">
-            <button className="buttonAction buttonConfirm" data-tabindex="7" onClick={this.handleToast}>Toast Notification</button>
+            <button className="buttonAction buttonConfirm" tabIndex="7" onClick={this.handleToast}>Toast Notification</button>
 	        </div>
         </div>
         <div className="background Airplane"></div>

diff --git a/src/javascript/jsx/ContactSel.jsx b/src/javascript/jsx/ContactSel.jsx
@@ -30,7 +30,7 @@ var ContactSel = React.createClass({
         </div>
         <div className="paneButtons">
         	<div className="container">
-	        	<button className="buttonAction buttonConfirm" data-tabindex="6" onClick={this.handleConfirm}>Confirm</button>
+	        	<button className="buttonAction buttonConfirm" tabIndex="6" onClick={this.handleConfirm}>Confirm</button>
 	        </div>
         </div>
         <div className="Friends background"></div>

diff --git a/src/javascript/jsx/DateSel.jsx b/src/javascript/jsx/DateSel.jsx
@@ -65,7 +65,7 @@ var DateSel = React.createClass({
         </div>
         <div className="paneButtons">
         	<div className="container">
-	        	<button className="buttonAction buttonConfirm" data-tabindex="4" onClick={this.handleConfirm}>Confirm</button>
+	        	<button className="buttonAction buttonConfirm" tabIndex="4" onClick={this.handleConfirm}>Confirm</button>
 	        </div>
         </div>
         <div className ={this.props.currentCity.replace(/\s+/g, '') + "Second background"}></div>

diff --git a/src/javascript/jsx/LocationSel.jsx b/src/javascript/jsx/LocationSel.jsx
@@ -19,7 +19,7 @@ var LocationSel = React.createClass({
               return (
                 <div className={"dest " + city.replace(/\s+/g, '')} onClick={this.handleClick.bind(this, i)} key={i}>
                   <div className="destTitle">
-                    <span className="buttonAction" data-tabindex={i}>{city}</span>
+                    <span className="buttonAction" tabIndex={i}>{city}</span>
                   </div>
                 </div>
               );