From bbac79c030da0335dcd2f7f6ce394822b0fe4191 Mon Sep 17 00:00:00 2001
From: Christophe Dumez <chris@qbittorrent.org>
Date: Mon, 24 May 2010 18:57:44 +0000
Subject: [PATCH] FEATURE: Add Check/Uncheck all feature in Web UI

---
 Changelog                      |   1 +
 src/Icons/3-state-checkbox.gif | Bin 0 -> 322 bytes
 src/Icons/L.gif                | Bin 0 -> 66 bytes
 src/icons.qrc                  |   2 +
 src/webui/css/style.css        |  15 +++++
 src/webui/prop-files.html      | 105 ++++++++++++++++++++++++++++++---
 6 files changed, 115 insertions(+), 8 deletions(-)
 create mode 100644 src/Icons/3-state-checkbox.gif
 create mode 100644 src/Icons/L.gif

diff --git a/Changelog b/Changelog
index 0c9aafeee..8774e607b 100644
--- a/Changelog
+++ b/Changelog
@@ -9,6 +9,7 @@
     - FEATURE: Several torrents can be moved at once
     - FEATURE: Added error state for torrents (error is displayed in a tooltip)
     - FEATURE: Added filter for paused/error torrents
+    - FEATURE: Add Check/Uncheck all feature in Web UI
     - COSMETIC: Display peers country name in tooltip
     - COSMETIC: Display number of torrents in transfers tab label
 
diff --git a/src/Icons/3-state-checkbox.gif b/src/Icons/3-state-checkbox.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f7918e84ce2f365bce7eab1f632432240dfe871a
GIT binary patch
literal 322
zcmV-I0lof5Nk%w1VGRH$0E7ns98rKFp&{|{@9*#I`T6+l?CJCK@&Et-_xJYo_4MWC
z;^^q*`}_L-{{GzD*W%*d;NaW+{rukE+4}nV{QUdk;@#)x<Lc_><>le^_4EDx{o~``
z|NsC0|NsC0|NsC0EC2ui01W^q000HYARvw;>6{YuC`&O2BC4{kV8rR#zD6SEG+qKB
zn(b^uf=E~EAqWgn5cy<8L`Nqy(hxP1*2Y03ta1-y0Cg)ym)`KWs6yXhESKiIV#hZ#
zbA5R)0U1O9f;9mFPa<~#ii-pjB6y1eivg1qB6*pT6BHU=grK5b06ZC*p&DW$Hinz7
zZU6?dt!-&?yl^KDKu0ma5XD(ID#Z{&KQqcyMJo!^1l83`3ZI!!QVZIWR{%#5<Pl+{
U0_EkesYvQ=uv%egyS*U*JA6K<SpWb4

literal 0
HcmV?d00001

diff --git a/src/Icons/L.gif b/src/Icons/L.gif
new file mode 100644
index 0000000000000000000000000000000000000000..48b81c80a9e25f6f29e2614aaa33bdf4a4d2881b
GIT binary patch
literal 66
zcmZ?wbhEHb6k-r!XkcV$XlVHV|G(l-7DfgJMg|=QAOOiQFiG~vH=KUEdfpt3ORshA
Tx&LIzy5lkJS?4l0Mh0sDgH;v`

literal 0
HcmV?d00001

diff --git a/src/icons.qrc b/src/icons.qrc
index b4ac981d2..e55c14097 100644
--- a/src/icons.qrc
+++ b/src/icons.qrc
@@ -4,10 +4,12 @@
   <file>Icons/sphere2.png</file>
   <file>Icons/downarrow.png</file>
   <file>Icons/url.png</file>
+  <file>Icons/3-state-checkbox.gif</file>
   <file>Icons/loading.png</file>
   <file>Icons/slow.png</file>
   <file>Icons/magnet.png</file>
   <file>Icons/sphere.png</file>
+  <file>Icons/L.gif</file>
   <file>Icons/slow_off.png</file>
   <file>Icons/uparrow.png</file>
   <file>Icons/rss16.png</file>
diff --git a/src/webui/css/style.css b/src/webui/css/style.css
index 7d43eb9d1..3591a73cf 100644
--- a/src/webui/css/style.css
+++ b/src/webui/css/style.css
@@ -248,3 +248,18 @@ a.propButton img {
   padding-right: 3px;
 }
 
+/* Tri-state checkbox */
+a.tristate {
+	background: url(../images/3-state-checkbox.gif) 0 0 no-repeat;
+	display: block;
+	float: left;
+	height: 13px;
+	margin: .15em 8px 5px 0px;
+	overflow: hidden;
+	text-indent: -999em;
+	width: 13px;
+}
+a.checked { background-position: 0 -13px; }
+a.partial { background-position: 0 -26px; }
+
+
diff --git a/src/webui/prop-files.html b/src/webui/prop-files.html
index 2efdcd7c1..05115495f 100644
--- a/src/webui/prop-files.html
+++ b/src/webui/prop-files.html
@@ -2,7 +2,7 @@
             <table class="torrentTable" cellpadding="0" cellspacing="0">
                     <thead>
                             <tr>
-                                    <th>_(Downloaded)</th>
+                                    <th><a id="all_files_cb" style="margin-right: 2px;" class="tristate" onclick="javascript:switchCBState()"></a>&nbsp;&nbsp;_(Downloaded)</th>
                                     <th>_(Name)</th>
                                     <th>_(Size)</th>
                                     <th style="width: 90px;">_(Progress)</th>
@@ -16,10 +16,85 @@
 <script type="text/javascript">
     var waitingTorrentFiles=false;
     var current_hash = "";
+
+var setCBState = function(state) {
+  if(state == "partial") {
+    if(!$("all_files_cb").hasClass("partial")) {
+      $("all_files_cb").removeClass("checked");
+      $("all_files_cb").addClass("partial");
+    }
+    return;
+  }
+  if(state == "checked") {
+    if(!$("all_files_cb").hasClass("checked")) {
+      $("all_files_cb").removeClass("partial");
+      $("all_files_cb").addClass("checked");
+    }
+    return;
+  }
+  $("all_files_cb").removeClass("partial");
+  $("all_files_cb").removeClass("checked");
+}
+
+var switchCBState = function() {
+  // Uncheck
+  if($("all_files_cb").hasClass("partial")) {
+    $("all_files_cb").removeClass("partial");
+    // Uncheck all checkboxes
+    $$('input.DownloadedCB').each(function(item, index) {
+      item.erase("checked");
+      setFilePriority(index, 0);
+    });
+    return;
+  }
+  if($("all_files_cb").hasClass("checked")) {
+    $("all_files_cb").removeClass("checked");
+    // Uncheck all checkboxes
+    $$('input.DownloadedCB').each(function(item, index) {
+      item.erase("checked");
+      setFilePriority(index, 0);
+    });
+    return;
+  }
+  // Check
+  $("all_files_cb").addClass("checked");
+  // Check all checkboxes
+  $$('input.DownloadedCB').each(function(item, index) {
+    item.set("checked", "checked");
+    setFilePriority(index, 1);
+  });
+}
+
+var allCBChecked = function() {
+  var CBs = $$('input.DownloadedCB');
+  for(var i=0; i<CBs.length; i+=1) {
+    var item = CBs[i];
+    if(!$defined(item.get('checked')) || !item.get('checked'))
+      return false;
+  }
+  return true;
+}
+
+var allCBUnchecked = function() {
+  var CBs = $$('input.DownloadedCB');
+  for(var i=0; i<CBs.length; i+=1) {
+    var item = CBs[i];
+    if($defined(item.get('checked')) && item.get('checked'))
+      return false;
+  }
+  return true;
+}
     
 var setFilePriority = function(id, priority) {
   if(current_hash == "") return;
   new Request({url: '/command/setFilePrio', method: 'post', data: {'hash': current_hash, 'id': id, 'priority': priority}}).send();
+  // Display or add combobox
+  if(priority > 0) {
+    $('comboPrio'+id).set("value", 1);
+    $('comboPrio'+id).removeClass("invisible");
+  } else {
+    $('comboPrio'+id).addClass("invisible");
+  }
 }
 
 var createDownloadedCB = function(id, downloaded) {
@@ -28,17 +103,20 @@ var createDownloadedCB = function(id, downloaded) {
     if(downloaded)
       CB.set('checked', 'checked');
     CB.set('id', 'cbPrio'+id);
+    CB.set('class', 'DownloadedCB');
     CB.addEvent('change', function(e){
       var checked = 0;
       if($defined($('cbPrio'+id).get('checked')) && $('cbPrio'+id).get('checked'))
         checked = 1;
       setFilePriority(id, checked);
-      // Display or add combobox
-      if(checked) {
-        $('comboPrio'+id).set("value", 1);
-        $('comboPrio'+id).removeClass("invisible");
+      if(allCBChecked()) {
+        setCBState("checked");
       } else {
-        $('comboPrio'+id).addClass("invisible");
+        if(allCBUnchecked()) {
+          setCBState("unchecked");
+        } else {
+          setCBState("partial");
+        }
       }
     });
     return CB;
@@ -113,7 +191,7 @@ var createPriorityCombo = function(id, selected_prio) {
                 if(row[i] > 0)
                   tds[i].getChildren('input')[0].set('checked', 'checked');
                 else
-                  tds[i].removeProperty('checked')
+                  tds[i].getChildren('input')[0].removeProperty('checked')
               } else {
                 if(i == 4) {
                   if(row[i] > 0) {
@@ -148,7 +226,8 @@ var createPriorityCombo = function(id, selected_prio) {
 		                td.adopt(new ProgressBar(row[i].toFloat(), {'id': 'pbf_'+id, 'width':80}));
 		              } else {
                     if(i == 0) {
-                      td.adopt(createDownloadedCB(id,row[i]));
+                      var tree_img  = new Element('img', {src: 'images/L.gif', style: 'margin-bottom: -2px'});
+                      td.adopt(tree_img, createDownloadedCB(id,row[i]));
                     } else {
                       if(i == 4) {
                         td.adopt(createPriorityCombo(id,row[i]));
@@ -206,6 +285,16 @@ var createPriorityCombo = function(id, selected_prio) {
                             fTable.insertRow(i, row);
                             i++;
                           }.bind(this));
+                          // Set global CB state
+                          if(allCBChecked()) {
+                            setCBState("checked");
+                          } else {
+                            if(allCBUnchecked()) {
+                              setCBState("unchecked");
+                            } else {
+                              setCBState("partial");
+                            }
+                          }
                         } else {
                           fTable.removeAllRows();
                         }