dario.genga/FE_Charts
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add cordova device plugin and zoom in home page

Browse Source 
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.
This commit is contained in:
dario-cfpt
2020-03-07 15:26:38 +01:00
parent 2fb4a2f13e
commit f2c26ce8c1
7 changed files with 560 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
mobile/www/index.html
View File

@ -64,6 +64,24 @@
<!-- 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>
@ -72,9 +90,7 @@
</div>
<!-- Cordova -->
<!--
<script src="cordova.js"></script>
-->
<!-- Framework7 library -->
<script src="framework7/js/framework7.bundle.min.js"></script>