summaryrefslogtreecommitdiffstats
path: root/htdocs/js/smokeping_zoom.js
diff options
context:
space:
mode:
authorTobi Oetiker <tobi@oetiker.ch>2007-08-20 23:12:45 +0200
committerTobi Oetiker <tobi@oetiker.ch>2007-08-20 23:12:45 +0200
commit4a54b26849a3edd2dcdfcfbb76310887a8bb44d0 (patch)
tree273b0df40a1292e9a1f50f92a63606738ffa82d6 /htdocs/js/smokeping_zoom.js
parentc2701cd9f6ce10f7b92a997559e64ca7c516cd8c (diff)
downloadsmokeping-4a54b26849a3edd2dcdfcfbb76310887a8bb44d0.tar.gz
smokeping-4a54b26849a3edd2dcdfcfbb76310887a8bb44d0.tar.xz
replaed jquery stuff with cropper script
Diffstat (limited to 'htdocs/js/smokeping_zoom.js')
-rw-r--r--htdocs/js/smokeping_zoom.js170
1 files changed, 0 insertions, 170 deletions
diff --git a/htdocs/js/smokeping_zoom.js b/htdocs/js/smokeping_zoom.js
deleted file mode 100644
index df90e85..0000000
--- a/htdocs/js/smokeping_zoom.js
+++ /dev/null
@@ -1,170 +0,0 @@
-<!--
-
-/*
- * This code replaces images in the smokeping website with ajax
- *
- * The jquery toolkit (version 1.1.3.1) was used for platform
- * independency. The URL parsing part was taken from the
- * bonsaj.js script.
- *
- * Copyright (c) 2007 Roman Plessl <roman.plessl@oetiker.ch>
- * Dual licensed under the MIT (MIT-LICENSE.txt)
- * and GPL (GPL-LICENSE.txt) licenses.
- *
- * $Date: 2007-08-15 17:14:56 +0200 $
- * $Rev: 36 $
- *
- */
-
-/*++ from bonsai.js ++ urlObj +++++++++++++++++++++++++++++++++++++++++*/
-function urlObj(url) {
- var urlBaseAndParameters;
-
- urlBaseAndParameters = url.split("?");
- this.urlBase = urlBaseAndParameters[0];
- this.urlParameters = urlBaseAndParameters[1].split(/[;&]/);
-
- this.getUrlBase = urlObjGetUrlBase;
- this.getUrlParameterValue = urlObjGetUrlParameterValue;
-}
-
-/*++ from bonsai.js ++ urlObjGetUrlBase +++++++++++++++++++++++++++++++*/
-
-function urlObjGetUrlBase() {
- return this.urlBase;
-}
-
-/*++ form bonsai.js ++ urlObjGetUrlParameterValue +++++++++++++++++++++*/
-
-function urlObjGetUrlParameterValue(parameter) {
- var i;
- var fieldAndValue;
- var value;
-
- i = 0;
- while (this.urlParameters [i] != undefined) {
- fieldAndValue = this.urlParameters[i].split("=");
- if (fieldAndValue[0] == parameter) {
- value = fieldAndValue[1];
- }
- i++;
- }
- return value;
-}
-
-/*++++++++++++++++++++ isoDateToJS +++++++++++++++++++++++++++++++++++++*/
-function ISODateToJS(rawisodate) {
- var decode = decodeURIComponent(rawisodate);
- if (decode == "now") {
- return new Date();
- }
- else {
- var M = decode.match(/(\d\d\d\d).(\d\d).(\d\d).(\d\d).(\d\d)/)
- var date = new Date(M[1], M[2]-1, M[3], M[4], M[5], "00")
- return date;
- }
-}
-
-/*++++++++++++++++++++++ JSToisoDate ++++++++++++++++++++++++++++++++++++++*/
-function JSToISODate(mydate) {
- var isodate = mydate.getFullYear() + "-";
- if ((mydate.getMonth() + 1) < 10) { isodate = isodate + "0"; }
- isodate = isodate + (mydate.getMonth() + 1) + "-";
- if (mydate.getDate() < 10) { isodate = isodate + "0"; }
- isodate = isodate + mydate.getDate() + " ";
- if (mydate.getHours() < 10) { isodate = isodate + "0"; }
- isodate = isodate + mydate.getHours() + ":";
- if (mydate.getMinutes() < 10) { isodate = isodate + "0"; }
- isodate = isodate + mydate.getMinutes();
- return encodeURI(isodate);
-}
-
-var mySelectTop = 0;
-var mySelectLeft = 0;
-var mySelectRight = 0;
-var mySelectBottom = 0;
-
-$(document).ready(function() {
-
- var rrdimg = jQuery("img#zoom");
- if (rrdimg.length){ // only do this if we actually have an zoom image
- StartDateString = 0;
- EndDateString = 0;
- jQuery('body',document).append('<div id="selector" oncontextmenu="return false"></div>')
- var selector = jQuery("div#selector");
-
- selector.Selectable({
- opacity : 1,
- helperclass : 'selecthelper'
- });
-
- selector.css({
- cursor: 'crosshair',
- top : rrdimg.offset().top+30 + 'px',
- width : rrdimg.width()-95 + 'px',
- left : rrdimg.offset().left+68 + 'px',
- height : rrdimg.height()-110 + 'px',
- position: 'absolute',
- background: '#fefefe',
- opacity: 0.1,
- margin: 0,
- padding: 0,
- 'z-index': 1000
- });
- };
-});
-
-// will be started by modified iSelect (StopApply Function)
-function changeRRDImage(){
-
- var RRDLeftDiff = 0; // difference between left border of RRD image and content
- var RRDRightDiff = 0; // difference between right border of RRD image and content
- var RRDImgWidth = 697; // Width of the Smokeping RRD Graphik
- var RRDImgUsable = 596; // 598 = 697 - 68 - 33;
-
- var oldimg = $("img#zoom");
-
- myURLObj = new urlObj(document.URL);
-
- // parse start and stop parameter from URL
- var myURL = myURLObj.getUrlBase();
- var myRawStartDate = (StartDateString != 0) ? StartDateString : myURLObj.getUrlParameterValue("start");
- var myRawStopDate = (EndDateString != 0) ? EndDateString : myURLObj.getUrlParameterValue("end");
- var myRawTarget = myURLObj.getUrlParameterValue("target");
-
- var myParsedStartDate = ISODateToJS(myRawStartDate);
- myParsedStartEpoch = Math.floor(myParsedStartDate.getTime()/1000.0);
-
- var myParsedStopDate = ISODateToJS(myRawStopDate);
- myParsedStopEpoch = Math.floor(myParsedStopDate.getTime()/1000.0);
-
- myParsedDivEpoch = myParsedStopEpoch - myParsedStartEpoch;
-
- var mySerialDate = new Date();
- var mySerial = mySerialDate.getTime();
-
- // Generate Selected Range in Unix Timestamps
- var genStart = myParsedStartEpoch + (((mySelectLeft - RRDLeftDiff) / RRDImgUsable ) * myParsedDivEpoch);
- var genStop = myParsedStartEpoch + (((mySelectRight - RRDLeftDiff) / RRDImgUsable ) * myParsedDivEpoch);
-
- var floorGenStart = Math.floor(genStart);
- var floorGenStop = Math.floor(genStop);
-
- var StartDate = new Date(floorGenStart*1000);
- var StopDate = new Date(floorGenStop*1000);
-
- // floor to last full minute
- var MinuteGenStart = ( Math.floor(floorGenStart / 60) * 60 );
- var MinuteGenStop = ( Math.floor(floorGenStop / 60) * 60 );
-
- // create new image based on old image and fetched data
- var newimg = new Image();
- newimg = oldimg;
-
- StartDateString = JSToISODate(StartDate);
- EndDateString = JSToISODate(StopDate);
-
- // construct Image URL
- newimg.attr("src",myURL + "?displaymode=a;start=" + StartDateString+ ";end=" + EndDateString + ";target=" + myRawTarget + ";serial=" + mySerial);
-};
-