f2c26ce8c1
The user can now zoom in/out the network graph in the home page with two buttons. Added the cordova device plugin to detect when the phone is ready and the change the behavior of the backbutton on android. Disabled the panel left swipe because of some scroll problems in landscape mode.
117 lines
4.7 KiB
HTML
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/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>
|
|
<script src="js/index.js"></script>
|
|
|
|
</body>
|
|
</html>
|