Untitled

-- index.html --

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" charset="UTF-8" />
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">

    <title>oneView_onePage</title>

    <link rel="stylesheet" href="lib/f7/css/framework7.bundle.min.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
    <div id="app">
        <div class="view view-main">

            <div data-name="home" class="page">
                <div class="navbar">
                    <div class="navbar-inner">
                        <div class="title">Accelerometro</div>
                    </div>
                </div>

                <div class="toolbar toolbar-bottom">
                    <div class="toolbar-inner">
                        <div class="col-33"></div>
                        <div class="col-33">
                            <button id="bottone-accelerazione" class="button button-outline button-round">Accelerometro</button>
                        </div>
                        <div class="col-33"></div>
                    </div>
                </div>
                <button class="col-33 button button-outline button-round">Accelerometro</button>

                <div class="page-content margin">
                    <div class="card">
                        <div class="card-header">
                            Valore accelerometro
                        </div>
                        <div id="container-accelerometro" class="card-content card-content-padding"></div>
                    </div>
                </div>
            </div>

            <div data-name
        </div>
    </div>
    <script type="text/javascript" src="lib/f7/js/framework7.bundle.min.js"></script>
    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" src="scripts/platformOverrides.js"></script>
    <script type="text/javascript" src="scripts/index.js"></script>
</body>
</html>


-- index.js --

//-----------------------configurazione base di framework7---------------------------------------------------
    var app = new Framework7({
        //contenitore principale
        root: '#app',
        //nome dell'app'
        name: 'oneView_onePage',
        //id della'app (vedi anche config.xml per avere un dato coerente)
        id: 'it.jo.oneViewOnePage',
        routes: [
            {
                path: "/camera/",
                pageName: "camera-page"
            }
        ]
    });
    //impostazione della view principale
var mainView = app.views.create('.view-main', {"stackPages": true});
    //dichiarazione dell'oggetto dom7, in sostanza una sorta di jquery sotto altro nome ma con stesse funzionalità
    //ad esempio $$('#bottone').click(function(){...});
    var $$ = Dom7;
//-----------------------fine configurazione base di framework7---------------------------------------------------

//gestione dell'evento di cordova device ready utilizzando $$, qui si può scrivere il codice dell'app
$$(document).on('deviceready', function () {
    //codice dell'app'
    document.addEventListener('pause', onPause.bind(this), false);
    document.addEventListener('resume', onResume.bind(this), false);
    navigator.accelerometer.getCurrentAcceleration(accelerometerSuccess, accelerometerError);
});

$$("#bottone-accelerazione").on("click", function () {
    navigator.accelerometer.getCurrentAcceleration(accelerometerSuccess, accelerometerError);
});

function accelerometerSuccess(acceleration) {
    $$("#container-accelerometro").html("<p>x = " + acceleration.x + "</p > <p> y = " + acceleration.y + "</p> <p> z = " + acceleration.z + "</p>");
}

function accelerometerError() {

}

function onPause() {
}

function onResume() {
}