Changeset 12785


Ignore:
Timestamp:
Aug 28, 2011, 5:24:56 PM (10 years ago)
Author:
jordan
Message:

(trunk web) rename "iphone" variables and css files as "mobile", since they also work on iPods and Android phones.

Location:
trunk/web
Files:
5 edited
1 moved

Legend:

Unmodified
Added
Removed
  • trunk/web/index.html

    r12781 r12785  
    1313                <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
    1414<!--
    15                 <link media="screen" href="./stylesheets/iphone.css" type= "text/css" rel="stylesheet" />
     15                <link media="screen" href="./stylesheets/mobile.css" type= "text/css" rel="stylesheet" />
    1616-->
    17                 <link media="only screen and (max-device-width: 480px)" href="./stylesheets/iphone.css" type= "text/css" rel="stylesheet" />
     17                <link media="only screen and (max-device-width: 480px)" href="./stylesheets/mobile.css" type= "text/css" rel="stylesheet" />
    1818                <link media="screen and (min-device-width: 481px)" href="./stylesheets/common.css" type="text/css" rel="stylesheet" />
    1919                <!--[if IE]>
  • trunk/web/javascript/common.js

    r12770 r12785  
    77 */
    88
    9 var transmission;
    10 var dialog;
    11 // Test for a Webkit build that supports box-shadow: 521+ (release Safari 3 is
    12 // actually 523.10.3). We need 3.1 for CSS animation (dialog sheets) but as it
    13 // degrades gracefully let's not worry too much.
    14 var Safari3 = testSafari3();
    15 var iPhone = RegExp("(iPhone|iPod|Android)").test(navigator.userAgent);
    16 if (iPhone) var scroll_timeout;
     9var transmission,
     10    dialog,
     11    isMobileDevice = RegExp("(isMobileDevice|iPod|Android)").test(navigator.userAgent),
     12    scroll_timeout;
    1713
    1814if (!Array.indexOf){
     
    2622}
    2723
    28 function testSafari3()
    29 {
    30         var minimum = new Array(521,0);
    31         var webKitFields = RegExp("(AppleWebKit/)([^ ]+)").exec(navigator.userAgent);
    32         if (!webKitFields || webKitFields.length < 3) return false;
    33         var version = webKitFields[2].split(".");
    34         for (var i = 0; i < minimum.length; i++) {
    35                 var toInt = parseInt(version[i]);
    36                 var versionField = isNaN(toInt) ? 0 : toInt;
    37                 var minimumField = minimum[i];
    38 
    39                 if (versionField > minimumField) return true;
    40                 if (versionField < minimumField) return false;
    41         }
    42         return true;
    43 };
    44 
    4524$(document).ready(function() {
    4625        // Initialise the dialog controller
     
    6241                $('#torrent_search').css('margin-top', 3);
    6342        }
    64         if (!Safari3 && !iPhone) {
     43        if (isMobileDevice){
     44                window.onload = function(){ setTimeout(function() { window.scrollTo(0,1); },500); };
     45                window.onorientationchange = function(){ setTimeout(function() { window.scrollTo(0,1); },100); };
     46                if (window.navigator.standalone)
     47                        // Fix min height for isMobileDevice when run in full screen mode from home screen
     48                        // so the footer appears in the right place
     49                        $('body div#torrent_container').css('min-height', '338px');
     50                $("label[for=torrent_upload_url]").text("URL: ");
     51        } else {
    6552                // Fix for non-Safari-3 browsers: dark borders to replace shadows.
    6653                // Opera messes up the menu if we use a border on .trans_menu
     
    6956                // and this kills the border we used to have
    7057                $('.trans_menu div.outerbox').css('border', 'none');
    71         } else if (!iPhone) {
    72                 // Used for Safari 3.1 CSS animation. Degrades gracefully (so Safari 3
    73                 // test is good enough) but we delay our hide/unhide to wait for the
    74                 // scrolling - no point making other browsers wait.
    75                 $('div#upload_container div.dialog_window').css('top', '-205px');
    76                 $('div#prefs_container div.dialog_window').css('top', '-425px');
    77                 $('div#dialog_container div.dialog_window').css('top', '-425px');
    78                 $('div.dialog_container div.dialog_window').css('-webkit-transition', 'top 0.3s');
    79                 // -webkit-appearance makes some links into buttons, but needs
    80                 // different padding.
    81                 $('div.dialog_container div.dialog_window a').css('padding', '2px 10px 3px');
    82         }
    83         if (iPhone){
    84                 window.onload = function(){ setTimeout(function() { window.scrollTo(0,1); },500); };
    85                 window.onorientationchange = function(){ setTimeout(function() { window.scrollTo(0,1); },100); };
    86                 if (window.navigator.standalone)
    87                         // Fix min height for iPhone when run in full screen mode from home screen
    88                         // so the footer appears in the right place
    89                         $('body div#torrent_container').css('min-height', '338px');
    90                 $("label[for=torrent_upload_url]").text("URL: ");
    9158        }
    9259});
  • trunk/web/javascript/dialog.js

    r12780 r12785  
    4747        {
    4848                $('body.dialog_showing').removeClass('dialog_showing');
    49                 if (Safari3) {
    50                         $('div#dialog_container div.dialog_window').css('top', '-150px');
    51                         setTimeout("dialog._container.hide();",500);
    52                 } else {
    53                         this._container.hide();
    54                         transmission.hideiPhoneAddressbar();
    55                 }
     49                this._container.hide();
     50                transmission.hideMobileAddressbar();
    5651                transmission.updateButtonStates();
    5752        },
     
    8176                          callback_function, callback_data, cancel_button_label)
    8277        {
    83                 if (!iPhone && Safari3) {
    84                         $('div#upload_container div.dialog_window').css('top', '-205px');
    85                         $('div#prefs_container div.dialog_window').css('top', '-425px');
    86                         setTimeout("$('#upload_container').hide();",500);
    87                         setTimeout("$('#prefs_container').hide();",500);
    88                 } else if (!iPhone) {
     78                if (!isMobileDevice)
    8979                        $('.dialog_container').hide();
    90                 }
    9180                setInnerHTML(this._heading[0], dialog_heading);
    9281                setInnerHTML(this._message[0], dialog_message);
     
    9988                this._container.show();
    10089                transmission.updateButtonStates();
    101                 if (iPhone) {
    102                         transmission.hideiPhoneAddressbar();
    103                 } else if (Safari3) {
    104                         setTimeout("$('div#dialog_container div.dialog_window').css('top', '0px');",10);
    105                 }
     90                if (isMobileDevice)
     91                        transmission.hideMobileAddressbar();
    10692        },
    10793
     
    11096         */
    11197        alert: function(dialog_heading, dialog_message, cancel_button_label) {
    112                 if (!iPhone && Safari3) {
    113                         $('div#upload_container div.dialog_window').css('top', '-205px');
    114                         $('div#prefs_container div.dialog_window').css('top', '-425px');
    115                         setTimeout("$('#upload_container').hide();",500);
    116                         setTimeout("$('#prefs_container').hide();",500);
    117                 } else if (!iPhone) {
     98                if (!isMobileDevice)
    11899                        $('.dialog_container').hide();
    119                 }
    120100                setInnerHTML(this._heading[0], dialog_heading);
    121101                setInnerHTML(this._message[0], dialog_message);
     
    124104                setInnerHTML(this._cancel_button[0], cancel_button_label);
    125105                // Just in case
    126                 if (!iPhone && Safari3) {
    127                         $('div#upload_container div.dialog_window').css('top', '-205px');
    128                         setTimeout("$('#upload_container').hide();",500);
    129                 } else {
    130                         $('#upload_container').hide();
    131                 }
     106                $('#upload_container').hide();
    132107                $('body').addClass('dialog_showing');
    133108                transmission.updateButtonStates();
    134                 if (iPhone) {
    135                         transmission.hideiPhoneAddressbar();
    136                         this._container.show();
    137                 } else if (Safari3) {
    138                         // long pause as we just hid all the dialogs on a timeout - we'll get the error
    139                         // scrolling in and immediately disappearing if we're not careful!
    140                         //dialogTimeout = null;
    141                         this._container.show();
    142                         setTimeout("$('div#dialog_container div.dialog_window').css('top', '0px');",500);
    143                 } else {
    144                         this._container.show();
    145                 }
     109                if (isMobileDevice)
     110                        transmission.hideMobileAddressbar();
     111                this._container.show();
    146112        }
    147113       
  • trunk/web/javascript/file-row.js

    r12780 r12785  
    134134                                e = e.offsetParent;
    135135                        }
    136                         if (iPhone) {
     136                        if (isMobileDevice) {
    137137                                if (x < 8) prio = -1;
    138138                                else if (x < 27) prio = 0;
  • trunk/web/javascript/transmission.js

    r12784 r12785  
    7272                $('#torrent_upload_form').submit(function() { $('#upload_confirm_button').click(); return false; });
    7373
    74                 if (iPhone) {
     74                if (isMobileDevice) {
    7575                        $('#inspector_close').bind('click', function() { tr.setInspectorVisible(false); });
    7676                        $('#preferences_link').bind('click', function(e) { tr.releaseClutchPreferencesButton(e); });
     
    170170
    171171        preloadImages: function() {
    172                 if (iPhone) {
     172                if (isMobileDevice) {
    173173                        this.loadImages(
    174174                                'images/buttons/info_general.png',
     
    212212                // iPhone conditions in the section allow us to not
    213213                // include transmenu js to save some bandwidth; if we
    214                 // start using prefs on iPhone we need to weed
     214                // start using prefs on mobile devices we need to weed
    215215                // transmenu refs out of that too.
    216                 if (!iPhone)
     216                if (!isMobileDevice)
    217217                {
    218218                        $('#sort_by_' + this[Prefs._SortMethod]).selectMenuItem();
     
    351351        scrollToRow: function(row)
    352352        {
    353                 if (iPhone) // FIXME: why?
     353                if (isMobileDevice) // FIXME: why?
    354354                        return;
    355355
     
    548548                if (this.isButtonEnabled(ev)) {
    549549                        this.stopAllTorrents();
    550                         this.hideiPhoneAddressbar();
     550                        this.hideMobileAddressbar();
    551551                }
    552552        },
     
    555555                if (this.isButtonEnabled(ev)) {
    556556                        this.stopSelectedTorrents();
    557                         this.hideiPhoneAddressbar();
     557                        this.hideMobileAddressbar();
    558558                }
    559559        },
     
    562562                if (this.isButtonEnabled(ev)) {
    563563                        this.startAllTorrents();
    564                         this.hideiPhoneAddressbar();
     564                        this.hideMobileAddressbar();
    565565                }
    566566        },
     
    569569                if (this.isButtonEnabled(ev)) {
    570570                        this.startSelectedTorrents(false);
    571                         this.hideiPhoneAddressbar();
     571                        this.hideMobileAddressbar();
    572572                }
    573573        },
     
    631631        hideUploadDialog: function() {
    632632                $('body.open_showing').removeClass('open_showing');
    633                 if (!iPhone && Safari3) {
    634                         $('div#upload_container div.dialog_window').css('top', '-205px');
    635                         setTimeout("$('#upload_container').hide();",500);
    636                 } else {
    637                         $('#upload_container').hide();
    638                 }
     633                $('#upload_container').hide();
    639634                this.updateButtonStates();
    640635        },
     
    697692                if (this.isButtonEnabled(ev)) {
    698693                        this.removeSelectedTorrents();
    699                         this.hideiPhoneAddressbar();
     694                        this.hideMobileAddressbar();
    700695                }
    701696        },
    702697
    703698        /*
    704          * 'Clutch Preferences' was clicked (iPhone only)
     699         * 'Clutch Preferences' was clicked (isMobileDevice only)
    705700         */
    706701        releaseClutchPreferencesButton: function() {
     
    779774                $('body').addClass('prefs_showing');
    780775                $('#prefs_container').show();
    781                 this.hideiPhoneAddressbar();
    782                 if (Safari3)
    783                         setTimeout("$('div#prefs_container div.dialog_window').css('top', '0px');",10);
     776                this.hideMobileAddressbar();
    784777                this.updateButtonStates();
    785778                this.togglePeriodicSessionRefresh(false);
     
    789782        {
    790783                $('body.prefs_showing').removeClass('prefs_showing');
    791                 if (iPhone) {
    792                         this.hideiPhoneAddressbar();
    793                         $('#prefs_container').hide();
    794                 } else if (Safari3) {
    795                         $('div#prefs_container div.dialog_window').css('top', '-425px');
    796                         setTimeout("$('#prefs_container').hide();",500);
    797                 } else {
    798                         $('#prefs_container').hide();
    799                 }
     784                if (isMobileDevice)
     785                        this.hideMobileAddressbar();
     786                $('#prefs_container').hide();
    800787                this.updateButtonStates();
    801788                this.togglePeriodicSessionRefresh(true);
     
    848835                $('#port_forward').prop('checked',         p[RPC._PortForwardingEnabled]);
    849836
    850                 if (!iPhone)
     837                if (!isMobileDevice)
    851838                {
    852839                        setInnerHTML($('#limited_download_rate')[0], [ 'Limit (', Transmission.fmt.speed(dn_limit_k), ')' ].join(''));
     
    877864                $('body').addClass('stats_showing');
    878865                $('#stats_container').show();
    879                 this.hideiPhoneAddressbar();
    880                 if (Safari3)
    881                         setTimeout("$('div#stats_container div.dialog_window').css('top', '0px');",10);
     866                this.hideMobileAddressbar();
    882867                this.updateButtonStates();
    883868                this.togglePeriodicStatsRefresh(true);
     
    886871        hideStatsDialog: function() {
    887872                $('body.stats_showing').removeClass('stats_showing');
    888                 if (iPhone) {
    889                         this.hideiPhoneAddressbar();
    890                         $('#stats_container').hide();
    891                 } else if (Safari3) {
    892                         $('div#stats_container div.dialog_window').css('top', '-425px');
    893                         setTimeout("$('#stats_container').hide();",500);
    894                 } else {
    895                         $('#stats_container').hide();
    896                 }
     873                if (isMobileDevice)
     874                        this.hideMobileAddressbar();
     875                $('#stats_container').hide();
    897876                this.updateButtonStates();
    898877                this.togglePeriodicStatsRefresh(false);
     
    11391118
    11401119                // Shift-Click - selects a range from the last-clicked row to this one
    1141                 if (iPhone) {
     1120                if (isMobileDevice) {
    11421121                        if (row.isSelected())
    11431122                                this.setInspectorVisible(true);
     
    12091188                        $('#upload_container').show();
    12101189                        $('#torrent_upload_url').focus();
    1211                         if (!iPhone && Safari3) {
    1212                                 setTimeout("$('div#upload_container div.dialog_window').css('top', '0px');",10);
    1213                         }
    12141190
    12151191                // Submit the upload form
     
    13401316        },
    13411317
    1342         hideiPhoneAddressbar: function(timeInSeconds) {
    1343                 if (iPhone) {
     1318        hideMobileAddressbar: function(timeInSeconds) {
     1319                if (isMobileDevice) {
    13441320                        var delayLength = timeInSeconds ? timeInSeconds*1000 : 150;
    1345                         // not currently supported on iPhone
     1321                        // not currently supported on isMobileDevice
    13461322                        if (/*document.body.scrollTop!=1 && */scroll_timeout==null) {
    13471323                                var tr = this;
     
    14711447        inspectorTabClicked: function(ev, tab)
    14721448        {
    1473                 if (iPhone) ev.stopPropagation();
     1449                if (isMobileDevice) ev.stopPropagation();
    14741450
    14751451                // select this tab and deselect the others
     
    14791455                $('#'+tab.id+'_container').show().siblings('.inspector_container').hide();
    14801456
    1481                 this.hideiPhoneAddressbar();
     1457                this.hideMobileAddressbar();
    14821458                this.updatePeersLists();
    14831459                this.updateTrackersLists();
     
    14931469
    14941470                var torrents = this.getSelectedTorrents();
    1495                 if (!torrents.length && iPhone) {
     1471                if (!torrents.length && isMobileDevice) {
    14961472                        this.setInspectorVisible(false);
    14971473                        return;
     
    18711847                // update the ui widgetry
    18721848                $('#torrent_inspector').toggle(visible);
    1873                 if (iPhone) {
     1849                if (isMobileDevice) {
    18741850                        $('body').toggleClass('inspector_showing',visible);
    18751851                        $('#inspector_close').toggle(visible);
    1876                         this.hideiPhoneAddressbar();
     1852                        this.hideMobileAddressbar();
    18771853                } else {
    18781854                        var w = visible ? $('#torrent_inspector').width() + 1 + 'px' : '0px';
     
    18971873                popup.dialog({
    18981874                        autoOpen: false,
    1899                         position: iPhone ? [0,0] : [40,80],
     1875                        position: isMobileDevice ? [0,0] : [40,80],
    19001876                        show: 'blind',
    19011877                        hide: 'blind',
     
    22782254                // update the ui: context menu
    22792255                // (disabled in iphone mode...)
    2280                 if (!iPhone) {
     2256                if (!isMobileDevice) {
    22812257                        var e = $('#settings_menu #compact_view');
    22822258                        if (compact)
Note: See TracChangeset for help on using the changeset viewer.