Files
FE_Charts/mobile/www/index.html
dario-cfpt bf22d8afc2 Add network verification
The app doesn't try to get or update the data if the phone is not
online.
2020-03-10 10:41:46 +01:00

117 lines
4.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Security-Policy"
content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap: content:">
<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="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name="theme-color" content="#2196f3">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<title>Fire Emblem Charts</title>
<link rel="stylesheet" href="framework7/css/framework7.bundle.min.css">
<link rel="stylesheet" href="css/icons.css">
<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" href="css/index.css">
</head>
<body class="no-select">
<div id="app">
<!-- Status bar overlay for fullscreen mode-->
<div class="statusbar"></div>
<!-- Left panel with cover effect-->
<div class="panel panel-left panel-cover">
<div class="view">
<div class="page">
<div class="navbar">
<div class="navbar-inner">
<div class="title">Menus</div>
</div>
</div>
<div class="page-content">
<div class="list simple-list">
<ul>
<li><a class="panel-close" href="/">Home</a></li>
<li><a class="link panel-close" href="/classes/">List of classes</a></li>
<li><a class="link panel-close" href="/comparator/">Comparator</a></li>
<li><a class="link panel-close" href="/about/">About</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Your main view, should have "view-main" class -->
<div class="view view-main safe-areas">
<!-- Page, data-name contains page name which can be used in callbacks -->
<div class="page" data-name="home">
<!-- Top Navbar -->
<div class="navbar">
<div class="navbar-inner">
<div class="left">
<a href="#" class="link icon-only panel-open" data-panel="left">
<i class="icon f7-icons ios-only">menu</i>
<i class="icon material-icons md-only">menu</i>
</a>
</div>
<div class="title sliding">Fire Emblem Charts</div>
</div>
</div>
<!-- Scrollable page content-->
<div class="page-content">
<figure class="highcharts-figure">
<div class="list simple-list">
<ul>
<li>
<div class="item-cell width-auto flex-shrink-0">
<i id="zoom-out" class="f7-icons">zoom_out</i>
</div>
<div class="item-cell flex-shrink-3">
<!-- range slider -->
<div class="range-slider range-slider-init">
<input id="range-zoom" type="range" min="25" max="300" step="25" value="100">
</div>
</div>
<div class="item-cell width-auto flex-shrink-0">
<i id="zoom-in" class="f7-icons">zoom_in</i>
</div>
</li>
</ul>
</div>
<div id="container-characters"></div>
</figure>
</div>
</div>
</div>
</div>
<!-- Cordova -->
<script src="cordova.js"></script>
<!-- Framework7 library -->
<script src="framework7/js/framework7.bundle.min.js"></script>
<!-- Highcharts library -->
<script src="js/lib/highcharts.js"></script>
<script src="js/lib/highcharts-more.js"></script>
<script src="js/lib/modules/networkgraph.js"></script>
<!-- App routes -->
<script src="js/routes.js"></script>
<!-- Your custom app scripts -->
<script src="js/app.js"></script>
<script src="js/index.js"></script>
<script src="js/database.js"></script>
<script src="js/graph.js"></script>
<script src="js/feclass.js"></script>
<script src="js/stats.js"></script>
<script src="js/feclass-stats.js"></script>
<script src="js/comparator.js"></script>
</body>
</html>