Changeset 11158


Ignore:
Timestamp:
Aug 8, 2010, 8:58:58 PM (11 years ago)
Author:
charles
Message:

(trunk web) use the preference dialog's "compact" mode based on browser window size, rather than whether or not it's an iPhone -- that way it should work for other mobile devices too.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/web/javascript/transmission.js

    r11157 r11158  
    893893         *--------------------------------------------*/
    894894
    895         showPrefsDialog: function( ) {
    896                 var tr = this;
    897                 $("#update_blocklist_button").button();
    898                 $("#prefs_tabs").tabs();
    899                 var args = { };
    900                 if( iPhone ) { // tailor the dialog geometry for iPhone
    901                         $.extend( args, {
    902                                 width: 320,
    903                                 height: 360,
    904                                 resizable: false,
    905                                 draggable: false,
    906                                 position: [ 0, 0 ]
    907                         } );
    908                 } else {
    909                         $.extend( args, {
    910                                 width: 450,
    911                                 height: 400
    912                         } );
    913                 }
    914                 $.extend( args, {
     895        showPrefsDialog: function( )
     896        {
     897                var tr = this;
     898
     899                var preferredWidth = 450;
     900                var preferredHeight = 400;
     901                var windowWidth = $(window).width();
     902                var windowHeight = $(window).height();
     903                var fullscreen = (windowWidth<=preferredWidth) || (windowHeight<=preferredHeight);
     904
     905                var args = {
     906                        close: function(event, ui) { tr.togglePeriodicSessionRefresh( true ); },
     907                        width: fullscreen ? windowWidth : preferredWidth,
     908                        height: fullscreen ? windowHeight : preferredHeight,
     909                        resizable: !fullscreen,
     910                        draggable: !fullscreen,
    915911                        title: 'Preferences',
    916912                        show: 'blind',
    917913                        hide: 'blind',
    918                         buttons: {
    919                                 'Close': function() {
    920                                         $(this).dialog('close');
    921                                         tr.togglePeriodicSessionRefresh( true );
    922                                 }
    923                         }
    924                 } );
     914                        buttons: { }
     915                };
     916
     917                if( fullscreen )
     918                        args.position = [ 0, 0 ];
     919                else
     920                        args.buttons = { 'Close': function() { $(this).dialog('close'); } };
     921
    925922                $("#prefs_dialog" ).dialog( args );
    926923                tr.togglePeriodicSessionRefresh( false );
     
    963960        {
    964961                var tr = this;
     962
     963                $("#update_blocklist_button").button();
     964                $("#prefs_tabs").tabs();
    965965
    966966                $.each( this.prefsKeys, function( index, key ) {
Note: See TracChangeset for help on using the changeset viewer.