diff options
author | Matthijs Kuiper <info@matthijskuiper.nl> | 2018-01-08 00:34:58 +0100 |
---|---|---|
committer | Matthijs Kuiper <info@matthijskuiper.nl> | 2018-01-09 00:44:09 +0100 |
commit | 07e2c59aa35f9d3057f247882136ea6238ed207c (patch) | |
tree | bf9c0d02d7d48e0e685f861a1f2ee14943b6a67a /html | |
parent | a25aca329747cac77264847b29cb844a45c7a88f (diff) |
Assets dir with libs
Diffstat (limited to 'html')
-rw-r--r-- | html/assets/lib/highcharts/adapters/standalone-framework.js (renamed from html/includes/js/adapters/standalone-framework.js) | 0 | ||||
-rw-r--r-- | html/assets/lib/highcharts/highcharts-3d.js (renamed from html/includes/js/highcharts-3d.js) | 0 | ||||
-rw-r--r-- | html/assets/lib/highcharts/highcharts-all.js (renamed from html/includes/js/highcharts-all.js) | 0 | ||||
-rw-r--r-- | html/assets/lib/highcharts/highcharts-functions.js (renamed from html/includes/js/highcharts-functions.js) | 0 | ||||
-rw-r--r-- | html/assets/lib/highcharts/highcharts-more.js (renamed from html/includes/js/highcharts-more.js) | 0 | ||||
-rw-r--r-- | html/assets/lib/highcharts/highcharts.js (renamed from html/includes/js/highcharts.js) | 0 | ||||
-rw-r--r-- | html/assets/lib/highcharts/modules/canvas-tools.js (renamed from html/includes/js/modules/canvas-tools.js) | 0 | ||||
-rw-r--r-- | html/assets/lib/highcharts/modules/data.js (renamed from html/includes/js/modules/data.js) | 0 | ||||
-rw-r--r-- | html/assets/lib/highcharts/modules/drilldown.js (renamed from html/includes/js/modules/drilldown.js) | 0 | ||||
-rw-r--r-- | html/assets/lib/highcharts/modules/exporting.js (renamed from html/includes/js/modules/exporting.js) | 0 | ||||
-rw-r--r-- | html/assets/lib/highcharts/modules/funnel.js (renamed from html/includes/js/modules/funnel.js) | 0 | ||||
-rw-r--r-- | html/assets/lib/highcharts/modules/heatmap.js (renamed from html/includes/js/modules/heatmap.js) | 0 | ||||
-rw-r--r-- | html/assets/lib/highcharts/modules/multicolor_series.js (renamed from html/includes/js/modules/multicolor_series.js) | 0 | ||||
-rw-r--r-- | html/assets/lib/highcharts/modules/no-data-to-display.js (renamed from html/includes/js/modules/no-data-to-display.js) | 0 | ||||
-rw-r--r-- | html/assets/lib/highcharts/modules/solid-gauge.js (renamed from html/includes/js/modules/solid-gauge.js) | 0 | ||||
-rw-r--r-- | html/assets/lib/highcharts/themes/dark-blue.js (renamed from html/includes/js/themes/dark-blue.js) | 0 | ||||
-rw-r--r-- | html/assets/lib/jquery-1.11.1.min.js (renamed from html/includes/js/jquery-1.11.1.min.js) | 0 | ||||
-rwxr-xr-x | html/assets/lib/overlib_mini.js (renamed from html/includes/overlib_mini.js) | 0 | ||||
-rw-r--r-- | html/assets/lib/tooltipster/jquery.tooltipster.min.js (renamed from html/includes/js/jquery.tooltipster.min.js) | 0 | ||||
-rw-r--r-- | html/assets/lib/tooltipster/themes/tooltipster-light.css (renamed from html/includes/css/themes/tooltipster-light.css) | 0 | ||||
-rw-r--r-- | html/assets/lib/tooltipster/themes/tooltipster-noir.css (renamed from html/includes/css/themes/tooltipster-noir.css) | 0 | ||||
-rw-r--r-- | html/assets/lib/tooltipster/themes/tooltipster-punk.css (renamed from html/includes/css/themes/tooltipster-punk.css) | 0 | ||||
-rw-r--r-- | html/assets/lib/tooltipster/themes/tooltipster-shadow.css (renamed from html/includes/css/themes/tooltipster-shadow.css) | 0 | ||||
-rw-r--r-- | html/assets/lib/tooltipster/tooltipster.css (renamed from html/includes/css/tooltipster.css) | 0 | ||||
-rw-r--r-- | html/assets/main.js | 11 | ||||
-rwxr-xr-x | html/includes/config.php | 4 | ||||
-rwxr-xr-x | html/includes/header.php | 25 | ||||
-rw-r--r-- | html/includes/js/clickrows.js | 8 | ||||
-rw-r--r-- | html/includes/js/clocks.js | 561 |
29 files changed, 23 insertions, 586 deletions
diff --git a/html/includes/js/adapters/standalone-framework.js b/html/assets/lib/highcharts/adapters/standalone-framework.js index d41dde7..d41dde7 100644 --- a/html/includes/js/adapters/standalone-framework.js +++ b/html/assets/lib/highcharts/adapters/standalone-framework.js diff --git a/html/includes/js/highcharts-3d.js b/html/assets/lib/highcharts/highcharts-3d.js index c622493..c622493 100644 --- a/html/includes/js/highcharts-3d.js +++ b/html/assets/lib/highcharts/highcharts-3d.js diff --git a/html/includes/js/highcharts-all.js b/html/assets/lib/highcharts/highcharts-all.js index beeca1f..beeca1f 100644 --- a/html/includes/js/highcharts-all.js +++ b/html/assets/lib/highcharts/highcharts-all.js diff --git a/html/includes/js/highcharts-functions.js b/html/assets/lib/highcharts/highcharts-functions.js index 4fe381a..4fe381a 100644 --- a/html/includes/js/highcharts-functions.js +++ b/html/assets/lib/highcharts/highcharts-functions.js diff --git a/html/includes/js/highcharts-more.js b/html/assets/lib/highcharts/highcharts-more.js index f7c8da5..f7c8da5 100644 --- a/html/includes/js/highcharts-more.js +++ b/html/assets/lib/highcharts/highcharts-more.js diff --git a/html/includes/js/highcharts.js b/html/assets/lib/highcharts/highcharts.js index 1133176..1133176 100644 --- a/html/includes/js/highcharts.js +++ b/html/assets/lib/highcharts/highcharts.js diff --git a/html/includes/js/modules/canvas-tools.js b/html/assets/lib/highcharts/modules/canvas-tools.js index 3b71dc2..3b71dc2 100644 --- a/html/includes/js/modules/canvas-tools.js +++ b/html/assets/lib/highcharts/modules/canvas-tools.js diff --git a/html/includes/js/modules/data.js b/html/assets/lib/highcharts/modules/data.js index 8a90423..8a90423 100644 --- a/html/includes/js/modules/data.js +++ b/html/assets/lib/highcharts/modules/data.js diff --git a/html/includes/js/modules/drilldown.js b/html/assets/lib/highcharts/modules/drilldown.js index 4388a1e..4388a1e 100644 --- a/html/includes/js/modules/drilldown.js +++ b/html/assets/lib/highcharts/modules/drilldown.js diff --git a/html/includes/js/modules/exporting.js b/html/assets/lib/highcharts/modules/exporting.js index cf150ea..cf150ea 100644 --- a/html/includes/js/modules/exporting.js +++ b/html/assets/lib/highcharts/modules/exporting.js diff --git a/html/includes/js/modules/funnel.js b/html/assets/lib/highcharts/modules/funnel.js index efaf891..efaf891 100644 --- a/html/includes/js/modules/funnel.js +++ b/html/assets/lib/highcharts/modules/funnel.js diff --git a/html/includes/js/modules/heatmap.js b/html/assets/lib/highcharts/modules/heatmap.js index fc9b856..fc9b856 100644 --- a/html/includes/js/modules/heatmap.js +++ b/html/assets/lib/highcharts/modules/heatmap.js diff --git a/html/includes/js/modules/multicolor_series.js b/html/assets/lib/highcharts/modules/multicolor_series.js index ca70ae6..ca70ae6 100644 --- a/html/includes/js/modules/multicolor_series.js +++ b/html/assets/lib/highcharts/modules/multicolor_series.js diff --git a/html/includes/js/modules/no-data-to-display.js b/html/assets/lib/highcharts/modules/no-data-to-display.js index c96c4d1..c96c4d1 100644 --- a/html/includes/js/modules/no-data-to-display.js +++ b/html/assets/lib/highcharts/modules/no-data-to-display.js diff --git a/html/includes/js/modules/solid-gauge.js b/html/assets/lib/highcharts/modules/solid-gauge.js index 85e8c85..85e8c85 100644 --- a/html/includes/js/modules/solid-gauge.js +++ b/html/assets/lib/highcharts/modules/solid-gauge.js diff --git a/html/includes/js/themes/dark-blue.js b/html/assets/lib/highcharts/themes/dark-blue.js index 7cf7138..7cf7138 100644 --- a/html/includes/js/themes/dark-blue.js +++ b/html/assets/lib/highcharts/themes/dark-blue.js diff --git a/html/includes/js/jquery-1.11.1.min.js b/html/assets/lib/jquery-1.11.1.min.js index ab28a24..ab28a24 100644 --- a/html/includes/js/jquery-1.11.1.min.js +++ b/html/assets/lib/jquery-1.11.1.min.js diff --git a/html/includes/overlib_mini.js b/html/assets/lib/overlib_mini.js index 704d123..704d123 100755 --- a/html/includes/overlib_mini.js +++ b/html/assets/lib/overlib_mini.js diff --git a/html/includes/js/jquery.tooltipster.min.js b/html/assets/lib/tooltipster/jquery.tooltipster.min.js index ff8dab1..ff8dab1 100644 --- a/html/includes/js/jquery.tooltipster.min.js +++ b/html/assets/lib/tooltipster/jquery.tooltipster.min.js diff --git a/html/includes/css/themes/tooltipster-light.css b/html/assets/lib/tooltipster/themes/tooltipster-light.css index 945aa69..945aa69 100644 --- a/html/includes/css/themes/tooltipster-light.css +++ b/html/assets/lib/tooltipster/themes/tooltipster-light.css diff --git a/html/includes/css/themes/tooltipster-noir.css b/html/assets/lib/tooltipster/themes/tooltipster-noir.css index 548b245..548b245 100644 --- a/html/includes/css/themes/tooltipster-noir.css +++ b/html/assets/lib/tooltipster/themes/tooltipster-noir.css diff --git a/html/includes/css/themes/tooltipster-punk.css b/html/assets/lib/tooltipster/themes/tooltipster-punk.css index 0b7362c..0b7362c 100644 --- a/html/includes/css/themes/tooltipster-punk.css +++ b/html/assets/lib/tooltipster/themes/tooltipster-punk.css diff --git a/html/includes/css/themes/tooltipster-shadow.css b/html/assets/lib/tooltipster/themes/tooltipster-shadow.css index e869c5e..e869c5e 100644 --- a/html/includes/css/themes/tooltipster-shadow.css +++ b/html/assets/lib/tooltipster/themes/tooltipster-shadow.css diff --git a/html/includes/css/tooltipster.css b/html/assets/lib/tooltipster/tooltipster.css index 14c70d0..14c70d0 100644 --- a/html/includes/css/tooltipster.css +++ b/html/assets/lib/tooltipster/tooltipster.css diff --git a/html/assets/main.js b/html/assets/main.js new file mode 100644 index 0000000..b1e9b9e --- /dev/null +++ b/html/assets/main.js @@ -0,0 +1,11 @@ +$(document).ready(function() { + // Tooltips + $(".tooltip").tooltipster(); + + // Click rows + $(".clickableRow").click(function() { + if (event.which == 1) { + window.document.location = $(this).attr("href"); + } + }); +}); diff --git a/html/includes/config.php b/html/includes/config.php index 5789c82..77d42fa 100755 --- a/html/includes/config.php +++ b/html/includes/config.php @@ -7,13 +7,13 @@ $uname = ""; $upass = "";
// The key needed to run the import script
-$import_adminkey = 'fietsbel';
+$import_adminkey = "fietsbel";
// When runnning from the command-line (cron jobs):
// The absolute path to UTStats's home directory.
// Only needed if you're starting the importer from another directory
// Leave emtpy if unsure
-$import_homedir = '';
+$import_homedir = "";
// Use the MySQL temporary tables feature?
// Available since MySQL 3.23 - requires CREATE TEMPORARY TABLE privilege since 4.0.2
diff --git a/html/includes/header.php b/html/includes/header.php index c92c1fa..7d55e33 100755 --- a/html/includes/header.php +++ b/html/includes/header.php @@ -36,28 +36,23 @@ echo' <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<link rel="icon" href="images/favicon.ico" type="image/ico">
- <link rel="stylesheet" type="text/css" href="includes/css/tooltipster.css">
+ <link rel="stylesheet" href="assets/lib/tooltipster/tooltipster.css">
<link rel="stylesheet" href="assets/style.css">
- <script type="text/javascript" src="includes/js/jquery-1.11.1.min.js"></script>
+ <script type="text/javascript" src="assets/lib/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
<!--
var ol_fgclass="dark"; var ol_bgclass="darkbox"; var ol_textfontclass="dark"; var ol_captionfontclass="hlheading";
-->
</script>
- <script type="text/javascript" src="includes/overlib_mini.js"><!-- overLIB (c) Erik Bosrup --></script>
- <script type="text/javascript" src="includes/js/adapters/standalone-framework.js"></script>
- <script type="text/javascript" src="includes/js/highcharts.js"></script>
- <script type="text/javascript" src="includes/js/highcharts-more.js"></script>
- <script type="text/javascript" src="includes/js/highcharts-functions.js"></script>
- <script type="text/javascript" src="includes/js/themes/dark-blue.js"></script>
- <script type="text/javascript" src="includes/js/jquery.tooltipster.min.js"></script>
- <script type="text/javascript" src="./includes/js/clickrows.js"></script>
- <script type="text/javascript">
- $(document).ready(function() {
- $(".tooltip").tooltipster();
- });
- </script>
+ <script type="text/javascript" src="assets/lib/overlib_mini.js"><!-- overLIB (c) Erik Bosrup --></script>
+ <script type="text/javascript" src="assets/lib/highcharts/adapters/standalone-framework.js"></script>
+ <script type="text/javascript" src="assets/lib/highcharts/highcharts.js"></script>
+ <script type="text/javascript" src="assets/lib/highcharts/highcharts-more.js"></script>
+ <script type="text/javascript" src="assets/lib/highcharts/highcharts-functions.js"></script>
+ <script type="text/javascript" src="assets/lib/highcharts/themes/dark-blue.js"></script>
+ <script type="text/javascript" src="assets/lib/tooltipster/jquery.tooltipster.min.js"></script>
+ <script type="text/javascript" src="assets/main.js"></script>
</head>
<body>
diff --git a/html/includes/js/clickrows.js b/html/includes/js/clickrows.js deleted file mode 100644 index fb9fda2..0000000 --- a/html/includes/js/clickrows.js +++ /dev/null @@ -1,8 +0,0 @@ - -$(document).ready(function($) { - $(".clickableRow").click(function() { - if(event.which == 1) { - window.document.location = $(this).attr("href"); - } - }); -}); diff --git a/html/includes/js/clocks.js b/html/includes/js/clocks.js deleted file mode 100644 index 7f17b42..0000000 --- a/html/includes/js/clocks.js +++ /dev/null @@ -1,561 +0,0 @@ -//<![CDATA[ - -$(function () { - - /** - * Get the current time - */ - function getNow() { - var now = new Date(); - var gmt_offset = now.getTimezoneOffset( ) / 60; - var est = gmt_offset + 5; - - return { - hours: now.getHours() - est + now.getMinutes() / 60, - minutes: now.getMinutes() * 12 / 60 + now.getSeconds() * 12 / 3600, - seconds: now.getSeconds() * 12 / 60 - }; - } - - /** - * Pad numbers - */ - function pad(number, length) { - // Create an array of the remaining length + 1 and join it with 0\'s - return new Array((length || 2) + 1 - String(number).length).join(0) + number; - } - - var now = getNow(); - - // Create the chart - $(\'.column-right\').highcharts({ - - chart: { - type: \'gauge\', - plotBackgroundColor: null, - plotBackgroundImage: null, - plotBorderWidth: 0, - plotShadow: false, - height: 200 - }, - - credits: { - enabled: false - }, - - title: { - text: \'EST\' - }, - - pane: { - background: [{ - // default background - }, { - // reflex for supported browsers - backgroundColor: \'#1e1e1e\' ? { - radialGradient: { - cx: 0.5, - cy: -0.4, - r: 1.9 - }, - stops: [ - [0.5, \'rgba(81, 81, 81, 0.8)\'], - [0.5, \'rgba(59, 56, 59, 0.8)\'] - ] - } : null - }] - }, - - yAxis: { - - - labels: { - distance: -20, - - style: { - color: \'#848484\' - } - }, - min: 0, - max: 12, - lineWidth: 0, - showFirstLabel: false, - - minorTickInterval: \'auto\', - minorTickWidth: 1, - minorTickLength: 5, - minorTickPosition: \'inside\', - minorGridLineWidth: 0, - minorTickColor: \'#2e2e2e\', - - tickInterval: 1, - tickWidth: 2, - tickPosition: \'inside\', - tickLength: 10, - tickColor: \'#fff\', - title: { - text: \'\', - style: { - color: \'#fff\', - fontWeight: \'normal\', - fontSize: \'8px\', - lineHeight: \'10px\' - }, - y: 10 - } - }, - - tooltip: { - formatter: function () { - return this.series.chart.tooltipText; - } - }, - - series: [{ - data: [{ - id: \'hour\', - y: now.hours, - dial: { - radius: \'60%\', - baseWidth: 4, - baseLength: \'95%\', - rearLength: 0 - } - }, { - id: \'minute\', - y: now.minutes, - dial: { - baseLength: \'95%\', - rearLength: 0 - } - }, { - id: \'second\', - y: now.seconds, - dial: { - radius: \'100%\', - baseWidth: 1, - rearLength: \'20%\' - } - }], - animation: false, - dataLabels: { - enabled: false - } - }] - }, - - // Move - function (chart) { - setInterval(function () { - - now = getNow(); - - var hour = chart.get(\'hour\'), - minute = chart.get(\'minute\'), - second = chart.get(\'second\'), - // run animation unless we\'re wrapping around from 59 to 0 - animation = now.seconds === 0 ? - false : - { - easing: \'easeOutElastic\' - }; - - // Cache the tooltip text - chart.tooltipText = - pad(Math.floor(now.hours), 2) + \':\' + - pad(Math.floor(now.minutes * 5), 2) + \':\' + - pad(now.seconds * 5, 2); - - hour.update(now.hours, true, animation); - minute.update(now.minutes, true, animation); - second.update(now.seconds, true, animation); - - }, 1000); - - }); -}); - -// Extend jQuery with some easing (copied from jQuery UI) -$.extend($.easing, { - easeOutElastic: function (x, t, b, c, d) { - var s=1.70158;var p=0;var a=c; - if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; - if (a < Math.abs(c)) { a=c; var s=p/4; } - else var s = p/(2*Math.PI) * Math.asin (c/a); - return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b; - } -}); - -$(function () { - - /** - * Get the current time - */ - function getNow() { - var now = new Date(); - var gmt_offset = now.getTimezoneOffset( ) / 60; - var est = gmt_offset + 5; - var cet = gmt_offset - 1; - - return { - hours: now.getHours() - cet + now.getMinutes() / 60, - minutes: now.getMinutes() * 12 / 60 + now.getSeconds() * 12 / 3600, - seconds: now.getSeconds() * 12 / 60 - }; - } - - /** - * Pad numbers - */ - function pad(number, length) { - // Create an array of the remaining length + 1 and join it with 0\'s - return new Array((length || 2) + 1 - String(number).length).join(0) + number; - } - - var now = getNow(); - - // Create the chart - $(\'.column-center\').highcharts({ - - chart: { - type: \'gauge\', - plotBackgroundColor: null, - plotBackgroundImage: null, - plotBorderWidth: 0, - plotShadow: false, - height: 200 - }, - - credits: { - enabled: false - }, - - title: { - text: \'CET\' - }, - - pane: { - background: [{ - // default background - }, { - // reflex for supported browsers - backgroundColor: Highcharts.svg ? { - radialGradient: { - cx: 0.5, - cy: -0.4, - r: 1.9 - }, - stops: [ - [0.5, \'rgba(81, 81, 81, 0.8)\'], - [0.5, \'rgba(59, 56, 59, 0.8)\'] - ] - } : null - }] - }, - - yAxis: { - - - labels: { - distance: -20, - - style: { - color: \'#848484\' - } - }, - min: 0, - max: 12, - lineWidth: 0, - showFirstLabel: false, - - minorTickInterval: \'auto\', - minorTickWidth: 1, - minorTickLength: 5, - minorTickPosition: \'inside\', - minorGridLineWidth: 0, - minorTickColor: \'#2e2e2e\', - - tickInterval: 1, - tickWidth: 2, - tickPosition: \'inside\', - tickLength: 10, - tickColor: \'#fff\', - title: { - text: \'\', - style: { - color: \'#fff\', - fontWeight: \'normal\', - fontSize: \'8px\', - lineHeight: \'10px\' - }, - y: 10 - } - }, - - tooltip: { - formatter: function () { - return this.series.chart.tooltipText; - } - }, - - series: [{ - data: [{ - id: \'hour\', - y: now.hours, - dial: { - radius: \'60%\', - baseWidth: 4, - baseLength: \'95%\', - rearLength: 0 - } - }, { - id: \'minute\', - y: now.minutes, - dial: { - baseLength: \'95%\', - rearLength: 0 - } - }, { - id: \'second\', - y: now.seconds, - dial: { - radius: \'100%\', - baseWidth: 1, - rearLength: \'20%\' - } - }], - animation: false, - dataLabels: { - enabled: false - } - }] - }, - - // Move - function (chart) { - setInterval(function () { - - now = getNow(); - - var hour = chart.get(\'hour\'), - minute = chart.get(\'minute\'), - second = chart.get(\'second\'), - // run animation unless we\'re wrapping around from 59 to 0 - animation = now.seconds === 0 ? - false : - { - easing: \'easeOutElastic\' - }; - - // Cache the tooltip text - chart.tooltipText = - pad(Math.floor(now.hours), 2) + \':\' + - pad(Math.floor(now.minutes * 5), 2) + \':\' + - pad(now.seconds * 5, 2); - - hour.update(now.hours, true, animation); - minute.update(now.minutes, true, animation); - second.update(now.seconds, true, animation); - - }, 1000); - - }); -}); - -// Extend jQuery with some easing (copied from jQuery UI) -$.extend($.easing, { - easeOutElastic: function (x, t, b, c, d) { - var s=1.70158;var p=0;var a=c; - if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; - if (a < Math.abs(c)) { a=c; var s=p/4; } - else var s = p/(2*Math.PI) * Math.asin (c/a); - return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b; - } -}); - -$(function () { - - /** - * Get the current time - */ - function getNow() { - var now = new Date(); - var gmt_offset = now.getTimezoneOffset( ) / 60; - var est = gmt_offset + 5; - - return { - hours: now.getHours() + now.getMinutes() / 60, - minutes: now.getMinutes() * 12 / 60 + now.getSeconds() * 12 / 3600, - seconds: now.getSeconds() * 12 / 60 - }; - } - - /** - * Pad numbers - */ - function pad(number, length) { - // Create an array of the remaining length + 1 and join it with 0\'s - return new Array((length || 2) + 1 - String(number).length).join(0) + number; - } - - var now = getNow(); - - // Create the chart - $(\'.column-left\').highcharts({ - - chart: { - type: \'gauge\', - plotBackgroundColor: null, - plotBackgroundImage: null, - plotBorderWidth: 0, - plotShadow: false, - height: 200 - }, - - credits: { - enabled: false - }, - - title: { - text: \'Your time\' - }, - - pane: { - background: [{ - // default background - }, { - // reflex for supported browsers - backgroundColor: Highcharts.svg ? { - radialGradient: { - cx: 0.5, - cy: -0.4, - r: 1.9 - }, - stops: [ - [0.5, \'rgba(81, 81, 81, 0.8)\'], - [0.5, \'rgba(59, 56, 59, 0.8)\'] - ] - } : null - }] - }, - - yAxis: { - - - labels: { - distance: -20, - - style: { - color: \'#848484\' - } - }, - min: 0, - max: 12, - lineWidth: 0, - showFirstLabel: false, - - minorTickInterval: \'auto\', - minorTickWidth: 1, - minorTickLength: 5, - minorTickPosition: \'inside\', - minorGridLineWidth: 0, - minorTickColor: \'#2e2e2e\', - - tickInterval: 1, - tickWidth: 2, - tickPosition: \'inside\', - tickLength: 10, - tickColor: \'#fff\', - title: { - text: \'\', - style: { - color: \'#fff\', - fontWeight: \'normal\', - fontSize: \'8px\', - lineHeight: \'10px\' - }, - y: 10 - } - }, - - tooltip: { - formatter: function () { - return this.series.chart.tooltipText; - } - }, - - series: [{ - data: [{ - id: \'hour\', - y: now.hours, - dial: { - radius: \'60%\', - baseWidth: 4, - baseLength: \'95%\', - rearLength: 0 - } - }, { - id: \'minute\', - y: now.minutes, - dial: { - baseLength: \'95%\', - rearLength: 0 - } - }, { - id: \'second\', - y: now.seconds, - dial: { - radius: \'100%\', - baseWidth: 1, - rearLength: \'20%\' - } - }], - animation: false, - dataLabels: { - enabled: false - } - }] - }, - - // Move - function (chart) { - setInterval(function () { - - now = getNow(); - - var hour = chart.get(\'hour\'), - minute = chart.get(\'minute\'), - second = chart.get(\'second\'), - // run animation unless we\'re wrapping around from 59 to 0 - animation = now.seconds === 0 ? - false : - { - easing: \'easeOutElastic\' - }; - - // Cache the tooltip text - chart.tooltipText = - pad(Math.floor(now.hours), 2) + \':\' + - pad(Math.floor(now.minutes * 5), 2) + \':\' + - pad(now.seconds * 5, 2); - - hour.update(now.hours, true, animation); - minute.update(now.minutes, true, animation); - second.update(now.seconds, true, animation); - - }, 1000); - - }); -}); - -// Extend jQuery with some easing (copied from jQuery UI) -$.extend($.easing, { - easeOutElastic: function (x, t, b, c, d) { - var s=1.70158;var p=0;var a=c; - if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; - if (a < Math.abs(c)) { a=c; var s=p/4; } - else var s = p/(2*Math.PI) * Math.asin (c/a); - return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b; - } -}); -//]]> |