Transmission/transmission
1
0
Fork 0
mirror of https://github.com/transmission/transmission.git synced 2025-12-20 10:28:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

(trunk web) rewrite the dialogs to use jQuery.UI instead of a homerolled dialog. This partially to use more standardized components, and partially to get rid of as many browser/platform-specific hardcodings as possible to make the code more flexible. I'm flying blind wrt iPhone support, so for a little while this may be a two-steps-forward-one-step-back process. Feedback from users runnin the web client on their phones is encouraged...

Browse Source
This commit is contained in:
Charles Kerr
2010-08-08 20:06:46 +00:00
parent 8e58e60d43
commit fa7f51f130
17 changed files with 931 additions and 1229 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
web/javascript/common.js
View File

@@ -7,7 +7,6 @@
*/
var transmission;
var dialog;
var resizeTimer = null;
// 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
@@ -34,20 +33,10 @@ function testSafari3()
};
$(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);
@@ -56,20 +45,14 @@ $(document).ready( function() {
// 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');
$('.trans_menu ul, div#jqContextMenu').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');
$('div#upload_container').css('top', '-205px');
}
if (iPhone){
window.onload = function(){ setTimeout(function() { window.scrollTo(0,1); },500); };
@@ -193,6 +176,41 @@ function changeTab(tab, id) {
}
}
function tellUser( primaryText, secondaryText )
{
$("#dialog_body").html("<p><b>" + primaryText + "</b></p><p>" + secondaryText + "</p>" );
$("#dialog" ).dialog( {
title: primaryText,
show: 'blind',
hide: 'blind',
buttons: { 'Close': function() { $(this).dialog('close'); } }
});
}
/**
* @brief Show a confirmation dialog
*/
function askUser(dialog_heading, dialog_message, confirm_button_label,
callback_function, callback_data,
cancel_button_label)
{
if( cancel_button_label == null )
cancel_button_label = 'Cancel';
$("#dialog_body").html("<p><b>" + dialog_heading + "</b></p><p>" + dialog_message + "</p>" );
var myButtons = { };
myButtons[cancel_button_label] = function() { $(this).dialog('close'); }
myButtons[confirm_button_label] = function() {
callback_function.call( null, callback_data );
$(this).dialog('close');
};
$("#dialog" ).dialog( {
title: dialog_heading,
show: 'blind',
hide: 'blind',
buttons: myButtons
});
}
/***
**** Preferences
***/
@@ -227,7 +245,6 @@ Prefs._SortByProgress = 'percent_completed';
Prefs._SortByState = 'state';
Prefs._SortByTracker = 'tracker';
Prefs._TurtleState = 'turtle-state';
Prefs._CompactDisplayState= 'compact_display_state';
Prefs._Defaults =