updated iscroll lib to v5

* updated iscroll to verion 5
* fixes #52, unwanted click event after drag release
* patched iscroll.js to fix a bug blocking click events

cubiq/iscroll#831

* updated yuicompressor to latest version

Author: rossengeorgiev

build.sh

@@ -5,7 +5,7 @@ echo -n "Compiling CSS... "
 cd css
 rm -f mobile.css
 cat base.css skeleton.css layout.css habitat-font.css main.css > mobile.tmp
-java -jar "../tools/yuicompressor-2.4.8pre.jar" --type=css mobile.tmp > mobile.css
+java -jar "../tools/yuicompressor-2.4.8.jar" --type=css mobile.tmp > mobile.css
 rm -f mobile.tmp
 cd ..
 echo "Done!"
@@ -15,20 +15,21 @@ echo -n "Compiling JavaScript... "
 cd js
 rm -f mobile.js init_plot.js
 # precompiled libs
-cat jquery* iscroll.js >> mobile.js
+cat jquery* >> mobile.js
 
 VERSION="`git rev-parse --short HEAD`"
 
 # compile the rest
-java -jar "../tools/yuicompressor-2.4.8pre.jar" --type=js --disable-optimizations --nomunge gmaps_extentions.js >> mobile.js
-java -jar "../tools/yuicompressor-2.4.8pre.jar" --type=js --disable-optimizations --nomunge chasecar.lib.js | sed "s/{VER}/$VERSION/" >> mobile.js
-java -jar "../tools/yuicompressor-2.4.8pre.jar" --type=js --disable-optimizations --nomunge nite-overlay.js >> mobile.js
-java -jar "../tools/yuicompressor-2.4.8pre.jar" --type=js --disable-optimizations --nomunge tracker.js >> mobile.js
-java -jar "../tools/yuicompressor-2.4.8pre.jar" --type=js --disable-optimizations --nomunge app.js >> mobile.js
+java -jar "../tools/yuicompressor-2.4.8.jar" --type=js --disable-optimizations --nomunge gmaps_extentions.js >> mobile.js
+java -jar "../tools/yuicompressor-2.4.8.jar" --type=js --disable-optimizations --nomunge iscroll.js >> mobile.js
+java -jar "../tools/yuicompressor-2.4.8.jar" --type=js --disable-optimizations --nomunge chasecar.lib.js | sed "s/{VER}/$VERSION/" >> mobile.js
+java -jar "../tools/yuicompressor-2.4.8.jar" --type=js --disable-optimizations --nomunge nite-overlay.js >> mobile.js
+java -jar "../tools/yuicompressor-2.4.8.jar" --type=js --disable-optimizations --nomunge tracker.js >> mobile.js
+java -jar "../tools/yuicompressor-2.4.8.jar" --type=js --disable-optimizations --nomunge app.js >> mobile.js
 
 #compile plot lib and config
-java -jar "../tools/yuicompressor-2.4.8pre.jar" --type=js --disable-optimizations --nomunge _jquery.flot.js >> init_plot.js
-java -jar "../tools/yuicompressor-2.4.8pre.jar" --type=js --disable-optimizations --nomunge plot_config.js >> init_plot.js
+java -jar "../tools/yuicompressor-2.4.8.jar" --type=js --disable-optimizations --nomunge _jquery.flot.js >> init_plot.js
+java -jar "../tools/yuicompressor-2.4.8.jar" --type=js --disable-optimizations --nomunge plot_config.js >> init_plot.js
 
 cd ..
 echo "Done!"

css/main.css

@@ -27,7 +27,7 @@ body {
     float: left;
 }
 
-.scrollStyleV {
+.iScrollVerticalScrollbar {
     z-index: 49;
     width: 5px;
     bottom: 6px;
@@ -36,7 +36,7 @@ body {
     position: absolute;
 }
 
-.scrollStyleV > div {
+.iScrollVerticalScrollbar > div {
     position: absolute;
     background: none repeat scroll 0 0 padding-box rgba(0, 0, 0, 0.5);
     border: 1px solid rgba(255, 255, 255, 0.9);
@@ -207,6 +207,7 @@ header > div {
 }
 #main {
     float: left;
+    overflow: hidden;
 }
 
 .nav {
@@ -636,7 +637,6 @@ header > div {
         float: left;
         height: 245px;
         width: 199px;
-        overflow: hidden;
         margin-top: 55px;
         box-shadow: -2px 0px 6px 0px #555;
     }

js/app.js

@@ -254,7 +254,7 @@ var positionUpdateHandle = function(position) {
         // save position and update only if different is available
         if(CHASE_timer < (new Date()).getTime() &&
            (
-           GPS_lat != lat || 
+           GPS_lat != lat ||
            GPS_lon != lon ||
            GPS_alt != alt ||
            GPS_speed != speed
@@ -384,7 +384,16 @@ $(window).ready(function() {
     checkSize();
 
     // add inline scroll to vehicle list
-    listScroll = new iScroll('main', { hScrollbar: false, hScroll: false, snap: false, scrollbarClass: 'scrollStyle' });
+    listScroll = new IScroll('#main', {
+        hScrollbar: false,
+        hScroll: false,
+        snap: false,
+        mouseWheel: true,
+        scrollbars: true,
+        scrollbarClass: 'scrollStyle',
+        shrinkScrollbars: 'scale',
+        tap: true,
+    });
 
     $('#telemetry_graph').on('click', '.graph_label', function() {
         var e = $(this), h;
@@ -476,14 +485,14 @@ $(window).ready(function() {
     });
 
     // follow vehicle by clicking on data
-    $('#main').on('click', '.row .data', function() {
+    $('#main').on('tap', '.row .data', function() {
         var e = $(this).parent();
 
         followVehicle(e.attr('data-vcallsign'));
     });
 
     // expand/collapse data when header is clicked
-    $('#main').on('click', '.row .header', function() {
+    $('#main').on('tap', '.row .header', function() {
         var e = $(this).parent();
         if(e.hasClass('active')) {
             // collapse data for selected vehicle