diff options
author | Tobi Oetiker <tobi@oetiker.ch> | 2007-08-20 23:12:45 +0200 |
---|---|---|
committer | Tobi Oetiker <tobi@oetiker.ch> | 2007-08-20 23:12:45 +0200 |
commit | 4a54b26849a3edd2dcdfcfbb76310887a8bb44d0 (patch) | |
tree | 273b0df40a1292e9a1f50f92a63606738ffa82d6 /htdocs/js/smokeping_zoom.js | |
parent | c2701cd9f6ce10f7b92a997559e64ca7c516cd8c (diff) | |
download | smokeping-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.js | 170 |
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); -}; - |