Started on user VN list

This is a rather complex part of the site, and I have no idea how to
do this without making both the code and the interface look like a mess.

Not completely finished, TODO:
 - Mass status change
 - rstat & wstat icons (or stick with the textual representation? the old icons suck...)
 - Extra filters for rstat & wstat(?)

2 files changed, 44 insertions, 0 deletions

diff --git a/static/f/script.js b/static/f/script.js
index c7755e54..6f775bba 100644
--- a/static/f/script.js
+++ b/static/f/script.js
@@ -290,6 +290,38 @@ DOMLoad(function() {
     };
 
 
+  // User VN list
+  i = x('relhidall');
+  if(i) {
+    var l = document.getElementsByTagName('tr');
+    for(var i=0;i<l.length;i++)
+      if(l[i].className.indexOf('relhid') >= 0)
+        l[i].style.display = 'none';
+    var l = document.getElementsByTagName('td');
+    for(var i=0;i<l.length;i++)
+      if(l[i].className.indexOf('relhid_but') >= 0)
+        l[i].onclick = function() {
+          var l = document.getElementsByTagName('tr');
+          for(var i=0;i<l.length;i++)
+            if(l[i].className.substr(7) == this.id) {
+              l[i].style.display = l[i].style.display == 'none' ? '' : 'none';
+              this.getElementsByTagName('i')[0].innerHTML = l[i].style.display == 'none' ? '&#9656;' : '&#9662;';
+            }
+        };
+    var allhid = 1;
+    x('relhidall').onclick = function() {
+      allhid = !allhid;
+      var l = document.getElementsByTagName('tr');
+      for(var i=0;i<l.length;i++)
+        if(l[i].className.indexOf('relhid') >= 0) {
+          l[i].style.display = allhid ? 'none' : '';
+          x(l[i].className.substr(7)).getElementsByTagName('i')[0].innerHTML = allhid ? '&#9656;' : '&#9662;';
+        }
+      this.getElementsByTagName('i')[0].innerHTML = allhid ? '&#9656;' : '&#9662;';
+    };
+  }
+
+
   // Advanced VN search
   if(x('advselect'))
     searchInit();
diff --git a/static/f/style.css b/static/f/style.css
index b277dca5..4a7a08b9 100644
--- a/static/f/style.css
+++ b/static/f/style.css
@@ -826,6 +826,18 @@ ul#catselect li li.exc { background-position: 0px -33px; color: #c00; }
 
 
 
+/***** User VN list browser ******/
+
+.rlist .relhid { }
+.rlist .relhid_but, #relhidall { cursor: pointer }
+.browse.rlist .tc2 { width: 100px; }
+.browse.rlist .tc3 { width: 70px; }
+.browse.rlist .relhid .tc1 { padding-left: 40px; width: 70px; }
+.browse.rlist .relhid .tc2 { padding: 0; width: 60px; }
+.browse.rlist .relhid .tc3 { width: auto }
+.rlist .done { font-weight: normal; color: #0c0 }
+.rlist .todo { font-weight: normal; color: #c00 }
+
 
 
 /***** Warning/Notice Box *****/