archive/oriment
Archived
1
Fork 0
Code Releases Packages Activity

Cleanup JS

Browse source
This commit is contained in:
Jake Howard 2015-12-22 08:04:19 +00:00
parent 1899ae758b
commit 3e7e68d33a
3 changed files with 6 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/index.html
View file

@ -15,7 +15,6 @@
</div>
<div class="container">
<img src="img/compass.png" id="compass"/>
<h1 id="heading"></h1>
</div>
<footer>
<a class="btn btn-success btn-lg">Continue</a>

18
src/js/app.js
View file

@ -1,18 +1,9 @@
jQuery.fn.rotate = function(degrees) {
$(this).css({
'-webkit-transform' : 'rotate('+ degrees +'deg)',
'-moz-transform' : 'rotate('+ degrees +'deg)',
'-ms-transform' : 'rotate('+ degrees +'deg)',
'transform' : 'rotate('+ degrees +'deg)'
});
return $(this);
};
import './utils';
document.addEventListener("deviceready", function () {
function onSuccess(heading) {
$('#compass').rotate(-heading.magneticHeading.toFixed(0));
$('#heading')[0].innerHTML = -heading.magneticHeading.toFixed(0);
$('#compass').rotate(-heading.magneticHeading.toFixed(2));
};
function onError(compassError) {
@ -20,8 +11,9 @@ document.addEventListener("deviceready", function () {
};
const options = {
frequency: 1
frequency: 100
};
var watchID = navigator.compass.watchHeading(onSuccess, onError, options);
var watchID = navigator.compass.watchHeading(onSuccess, onError, options);
}, false);

2
src/less/style.less
View file

@ -2,7 +2,7 @@
@import "node_modules/bootstrap/less/theme";
@import "node_modules/ionicons/less/ionicons";
@import "node_modules/less-mixins/index";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,700);
// @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,700);
@import (inline) "node_modules/animate.css/animate.css";
* {