/* * Copyright © Dave Perrett and Malcolm Jarvis * This code is licensed under the GPL version 2. * For more details, see http://www.gnu.org/licenses/old-licenses/gpl-2.0.html * * Common javascript */ var transmission; var dialog; // Test for a Webkit build that supports box-shadow: 521+ (release Safari 3 is // actually 523.10.3). We need 3.1 for CSS animation (dialog sheets) but as it // degrades gracefully let's not worry too much. var Safari3 = testSafari3(); var iPhone = RegExp("(iPhone|iPod)").test(navigator.userAgent); if (iPhone) var scroll_timeout; function testSafari3() { var minimum = new Array(521,0); var webKitFields = RegExp("( AppleWebKit/)([^ ]+)").exec(navigator.userAgent); if (!webKitFields || webKitFields.length < 3) return false; var version = webKitFields[2].split("."); for (var i = 0; i < minimum.length; i++) { var toInt = parseInt(version[i]); var versionField = isNaN(toInt) ? 0 : toInt; var minimumField = minimum[i]; if (versionField > minimumField) return true; if (versionField < minimumField) return false; } return true; }; $(document).ready( function() { // Initialise the dialog controller dialog = new Dialog(); // Initialise the main Transmission controller transmission = new Transmission(); // IE specific fixes here if ($.browser.msie) { try { document.execCommand("BackgroundImageCache", false, true); } catch(err) {} $('.dialog_container').css('height',$(window).height()+'px'); } if ($.browser.safari) { // Move search field's margin down for the styled input $('#torrent_search').css('margin-top', 3); } if (!Safari3 && !iPhone) { // Fix for non-Safari-3 browsers: dark borders to replace shadows. // Opera messes up the menu if we use a border on .trans_menu // div.outerbox so use ul instead $('.trans_menu ul, div#jqContextMenu, div.dialog_container div.dialog_window').css('border', '1px solid #777'); // and this kills the border we used to have $('.trans_menu div.outerbox').css('border', 'none'); } else if (!iPhone) { // Used for Safari 3.1 CSS animation. Degrades gracefully (so Safari 3 // test is good enough) but we delay our hide/unhide to wait for the // scrolling - no point making other browsers wait. $('div#upload_container div.dialog_window').css('top', '-205px'); $('div#prefs_container div.dialog_window').css('top', '-425px'); $('div#dialog_container div.dialog_window').css('top', '-425px'); $('div.dialog_container div.dialog_window').css('-webkit-transition', 'top 0.3s'); // -webkit-appearance makes some links into buttons, but needs // different padding. $('div.dialog_container div.dialog_window a').css('padding', '2px 10px 3px'); } if (iPhone){ window.onload = function(){ setTimeout(function() { window.scrollTo(0,1); },500); }; window.onorientationchange = function(){ setTimeout( function() { window.scrollTo(0,1); },100); }; if(window.navigator.standalone) // Fix min height for iPhone when run in full screen mode from home screen // so the footer appears in the right place $('body div#torrent_container').css('min-height', '338px'); $("label[for=torrent_upload_url]").text("URL: "); } }); /* * Return a copy of the array * * @returns array */ Array.prototype.clone = function () { return this.concat(); }; /** * "innerHTML = html" is pretty slow in FF. Happily a lot of our innerHTML * changes are triggered by periodic refreshes on torrents whose state hasn't * changed since the last update, so even this simple test helps a lot. */ function setInnerHTML( e, html ) { /* innerHTML is listed as a string, but the browser seems to change it. * For example, "∞" gets changed to "∞" somewhere down the line. * So, let's use an arbitrary different field to test our state... */ if( e.currentHTML != html ) { e.currentHTML = html; e.innerHTML = html; } }; /* * Round a float to a specified number of decimal * places, stripping trailing zeroes * * @param float floatnum * @param integer precision * @returns float */ Math.roundWithPrecision = function(floatnum, precision) { return Math.round( floatnum * Math.pow ( 10, precision ) ) / Math.pow( 10, precision ); }; /* * Given a numerator and denominator, return a ratio string */ Math.ratio = function( numerator, denominator ) { var result = Math.floor(100 * numerator / denominator) / 100; // check for special cases if(result==Number.POSITIVE_INFINITY || result==Number.NEGATIVE_INFINITY) result = -2; else if(isNaN(result)) result = -1; return result; }; /* * Truncate a float to a specified number of decimal * places, stripping trailing zeroes * * @param float floatnum * @param integer precision * @returns float */ Math.truncateWithPrecision = function(floatnum, precision) { return Math.floor( floatnum * Math.pow ( 10, precision ) ) / Math.pow( 10, precision ); }; /* * Round a string of a number to a specified number of decimal * places */ Number.prototype.toTruncFixed = function( place ) { var ret = Math.truncateWithPrecision( this, place ); return ret.toFixed( place ); } /* * Trim whitespace from a string */ String.prototype.trim = function () { return this.replace(/^\s*/, "").replace(/\s*$/, ""); } /** * @brief strcmp()-style compare useful for sorting */ String.prototype.compareTo = function( that ) { // FIXME: how to fold these two comparisons together? if( this < that ) return -1; if( this > that ) return 1; return 0; } /** * @brief Switch between different dialog tabs */ function changeTab(tab, id) { for ( var x = 0, node; tab.parentNode.childNodes[x]; x++ ) { node = tab.parentNode.childNodes[x]; if (node == tab) { node.className = "prefs_tab_enabled"; } else { node.className = "prefs_tab_disabled"; } } for ( x = 0; tab.parentNode.parentNode.childNodes[x]; x++ ) { node = tab.parentNode.parentNode.childNodes[x]; if (node.tagName == "DIV") { if (node.id == id) { node.style.display = "block"; } else { node.style.display = "none"; } } } } /*** **** Preferences ***/ function Prefs() { } Prefs.prototype = { }; Prefs._RefreshRate = 'refresh_rate'; Prefs._SessionRefreshRate = 'session_refresh_rate'; Prefs._ShowFilter = 'show_filter'; Prefs._ShowInspector = 'show_inspector'; Prefs._FilterMode = 'filter'; Prefs._FilterAll = 'all'; Prefs._FilterActive = 'active'; Prefs._FilterSeeding = 'seeding'; Prefs._FilterDownloading = 'downloading'; Prefs._FilterPaused = 'paused'; Prefs._SortDirection = 'sort_direction'; Prefs._SortAscending = 'ascending'; Prefs._SortDescending = 'descending'; Prefs._SortMethod = 'sort_method'; Prefs._SortByAge = 'age'; Prefs._SortByActivity = 'activity'; Prefs._SortByQueue = 'queue_order'; Prefs._SortByName = 'name'; Prefs._SortByProgress = 'percent_completed'; Prefs._SortByState = 'state'; Prefs._SortByTracker = 'tracker'; Prefs._TurtleState = 'turtle-state'; Prefs._CompactDisplayState= 'compact_display_state'; Prefs._Defaults = { 'filter': 'all', 'refresh_rate' : 5, 'show_filter': true, 'show_inspector': false, 'sort_direction': 'ascending', 'sort_method': 'name', 'turtle-state' : false, 'compact_display_state' : false }; /* * Set a preference option */ Prefs.setValue = function( key, val ) { if( Prefs._Defaults[key] == undefined ) console.warn( "unrecognized preference key '%s'", key ); var days = 30; var date = new Date(); date.setTime(date.getTime()+(days*24*60*60*1000)); document.cookie = key+"="+val+"; expires="+date.toGMTString()+"; path=/"; }; /** * Get a preference option * * @param key the preference's key * @param fallback if the option isn't set, return this instead */ Prefs.getValue = function( key, fallback ) { var val; if( Prefs._Defaults[key] == undefined ) console.warn( "unrecognized preference key '%s'", key ); var lines = document.cookie.split( ';' ); for( var i=0, len=lines.length; !val && i