Changeset 13196


Ignore:
Timestamp:
Feb 3, 2012, 10:59:33 PM (7 years ago)
Author:
jordan
Message:

(trunk web) #4731 "'Select All' and 'Deselect All' options missing from Inspector>Files" -- fixed.

Location:
trunk/web
Files:
6 edited

Legend:

Unmodified
Added
Removed
  • trunk/web/index.html

    r13180 r13196  
    240240
    241241                        <div style="display:none;" class="inspector-page" id="inspector-page-files">
     242                                        <ul id="file-list-header">
     243                                                <li id="select-all-files">Select All</li>
     244                                                <li id="deselect-all-files">Deselect All</li>
     245                                        </ul>
    242246                                        <ul id="inspector_file_list">
    243247                                        </ul>
  • trunk/web/javascript/inspector.js

    r13078 r13196  
    454454    },
    455455
     456    selectAllFiles = function() {
     457        changeFileCommand([], 'files-wanted');
     458    },
     459
     460    deselectAllFiles = function() {
     461        changeFileCommand([], 'files-unwanted');
     462    },
     463
    456464    onFileWantedToggled = function(ev, row, want) {
    457465        changeFileCommand([row], want?'files-wanted':'files-unwanted');
     
    715723        data.elements.name_lb           = $('#torrent_inspector_name')[0];
    716724
     725        // file page's buttons
     726        $('#select-all-files').click(selectAllFiles);
     727        $('#deselect-all-files').click(deselectAllFiles);
     728
    717729        // force initial 'N/A' updates on all the pages
    718730        updateInspector();
  • trunk/web/style/transmission/common.css

    r13180 r13196  
    608608    font-weight: bold;
    609609    color: #222; }
     610  div#torrent_inspector #file-list-header {
     611    float: right; }
     612    div#torrent_inspector #file-list-header > * {
     613      cursor: pointer;
     614      -moz-user-select: none;
     615      -webkit-user-select: none;
     616      display: inline-block;
     617      border-style: solid;
     618      border-color: #aaa;
     619      border-width: 1px;
     620      padding: 3px;
     621      -moz-border-radius: 5px;
     622      border-radius: 5px;
     623      background-color: #dddddd;
     624      background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
     625      background-image: -webkit-linear-gradient(top, white, #bbbbbb);
     626      background-image: -moz-linear-gradient(top, white, #bbbbbb);
     627      background-image: -ms-linear-gradient(top, white, #bbbbbb);
     628      background-image: -o-linear-gradient(top, white, #bbbbbb);
     629      background-image: linear-gradient(top, white, #bbbbbb); }
     630      div#torrent_inspector #file-list-header > *:active {
     631        background-color: #e6e6ff;
     632        background-image: -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
     633        background-image: -webkit-linear-gradient(top, #cdcdff, white);
     634        background-image: -moz-linear-gradient(top, #cdcdff, white);
     635        background-image: -ms-linear-gradient(top, #cdcdff, white);
     636        background-image: -o-linear-gradient(top, #cdcdff, white);
     637        background-image: linear-gradient(top, #cdcdff, white); }
    610638  div#torrent_inspector #inspector_file_list {
    611639    padding: 0 0 0 0;
  • trunk/web/style/transmission/common.scss

    r13180 r13196  
    552552        right: 0px;
    553553
     554        $idle-color-top: $nonselected-gradient-top;
     555        $idle-color-bottom: $nonselected-gradient-bottom;
     556        $active-color-top: $selected-gradient-top;
     557        $active-color-bottom: $selected-gradient-bottom;
     558
    554559        #inspector-close
    555560        {
     
    566571                {
    567572                        $border-radius: 5px;
    568                         $idle-color-top: $nonselected-gradient-top;
    569                         $idle-color-bottom: $nonselected-gradient-bottom;
    570                         $active-color-top: $selected-gradient-top;
    571                         $active-color-bottom: $selected-gradient-bottom;
    572573
    573574                        display: inline-block;
     
    662663
    663664        /* Files Inspector Tab */
     665
     666        #file-list-header {
     667                float: right;
     668                > * {
     669                        @include roundedButton(5px);
     670                        @include verticalGradient($idle-color-top, $idle-color-bottom);
     671                        &:active {
     672                                @include verticalGradient($active-color-top, $active-color-bottom);
     673                        }
     674                }
     675        }
     676
    664677        #inspector_file_list {
    665678                padding: 0 0 0 0;
     
    669682                overflow: hidden;
    670683        }
     684
    671685        #inspector_file_list {
    672686                border-top: 1px solid #888;
  • trunk/web/style/transmission/mobile.css

    r13180 r13196  
    565565    font-weight: bold;
    566566    color: #222; }
     567  div#torrent_inspector #file-list-header {
     568    float: right; }
     569    div#torrent_inspector #file-list-header > * {
     570      background-color: #dddddd;
     571      background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
     572      background-image: -webkit-linear-gradient(top, white, #bbbbbb);
     573      background-image: -moz-linear-gradient(top, white, #bbbbbb);
     574      background-image: -ms-linear-gradient(top, white, #bbbbbb);
     575      background-image: -o-linear-gradient(top, white, #bbbbbb);
     576      background-image: linear-gradient(top, white, #bbbbbb);
     577      cursor: pointer;
     578      -moz-user-select: none;
     579      -webkit-user-select: none;
     580      display: inline-block;
     581      border-style: solid;
     582      border-color: #aaa;
     583      border-width: 1px;
     584      padding: 3px;
     585      -moz-border-radius: 5px;
     586      border-radius: 5px; }
     587      div#torrent_inspector #file-list-header > *:active {
     588        background-color: #e6e6ff;
     589        background-image: -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
     590        background-image: -webkit-linear-gradient(top, #cdcdff, white);
     591        background-image: -moz-linear-gradient(top, #cdcdff, white);
     592        background-image: -ms-linear-gradient(top, #cdcdff, white);
     593        background-image: -o-linear-gradient(top, #cdcdff, white);
     594        background-image: linear-gradient(top, #cdcdff, white); }
    567595  div#torrent_inspector #inspector_file_list {
    568596    padding: 0 0 0 0;
  • trunk/web/style/transmission/mobile.scss

    r13180 r13196  
    498498        z-index: 2;
    499499
     500        $idle-color-top: $nonselected-gradient-top;
     501        $idle-color-bottom: $nonselected-gradient-bottom;
     502        $active-color-top: $selected-gradient-top;
     503        $active-color-bottom: $selected-gradient-bottom;
     504
    500505
    501506        #inspector-tabs-wrapper
     
    508513                {
    509514                        $border-radius: 5px;
    510                         $idle-color-top: $nonselected-gradient-top;
    511                         $idle-color-bottom: $nonselected-gradient-bottom;
    512                         $active-color-top: $selected-gradient-top;
    513                         $active-color-bottom: $selected-gradient-bottom;
    514515
    515516                        display: inline-block;
     
    601602                font-weight: bold;
    602603                color: #222;
     604        }
     605
     606        #file-list-header {
     607                float: right;
     608                > * {
     609                        @include verticalGradient($idle-color-top, $idle-color-bottom);
     610                        @include roundedButton(5px);
     611                        &:active {
     612                                @include verticalGradient($active-color-top, $active-color-bottom);
     613                        }
     614                }
    603615        }
    604616
Note: See TracChangeset for help on using the changeset viewer.