From fd27d17d241ee90ba85644f3a70b7c62915d8e0a Mon Sep 17 00:00:00 2001
From: SJ <sj@acts.hu>
Date: Sat, 15 Sep 2012 22:49:38 +0200
Subject: [PATCH] added expand/collapse feature to webui folders

---
 webui/config.php                              |   3 ++
 webui/controller/search/folder.php            |   2 +
 webui/model/folder/folder.php                 |  38 +++++++++++++++
 webui/view/javascript/piler.js                |  38 +++++++++++++--
 webui/view/theme/default/images/1x1.gif       | Bin 0 -> 44 bytes
 webui/view/theme/default/images/minus.gif     | Bin 0 -> 73 bytes
 webui/view/theme/default/images/plus.gif      | Bin 0 -> 76 bytes
 .../theme/default/templates/search/folder.tpl |  45 +++++++++++++++---
 8 files changed, 114 insertions(+), 12 deletions(-)
 create mode 100644 webui/view/theme/default/images/1x1.gif
 create mode 100644 webui/view/theme/default/images/minus.gif
 create mode 100644 webui/view/theme/default/images/plus.gif

diff --git a/webui/config.php b/webui/config.php
index 6a459fda..1f635a16 100644
--- a/webui/config.php
+++ b/webui/config.php
@@ -25,6 +25,9 @@ define('ICON_GREEN_OK', '/view/theme/default/images/green_ok.png');
 define('ICON_RED_X', '/view/theme/default/images/red_x.png');
 define('ICON_DOWNLOAD', '/view/theme/default/images/download_icon.jpg');
 define('ICON_NOTES', '/view/theme/default/images/notes.png');
+define('ICON_PLUS', '/view/theme/default/images/plus.gif');
+define('ICON_MINUS', '/view/theme/default/images/minus.gif');
+define('ICON_EMPTY', '/view/theme/default/images/1x1.gif');
 
 define('MAX_CGI_FROM_SUBJ_LEN', 45);
 define('PAGE_LEN', 20);
diff --git a/webui/controller/search/folder.php b/webui/controller/search/folder.php
index 3caef4ad..4ec4190e 100644
--- a/webui/controller/search/folder.php
+++ b/webui/controller/search/folder.php
@@ -16,6 +16,8 @@ class ControllerSearchFolder extends Controller {
       $this->data['folders'] = $this->model_folder_folder->get_folders_for_user();
       $this->data['extra_folders'] = $this->model_folder_folder->get_extra_folders_for_user();
 
+      $this->data['folders_by_hier'] = $this->model_folder_folder->get_all_folder_ids_hier($_SESSION['uid']);
+
       $this->render();
    }
 
diff --git a/webui/model/folder/folder.php b/webui/model/folder/folder.php
index c60ceb4a..4e49a00a 100644
--- a/webui/model/folder/folder.php
+++ b/webui/model/folder/folder.php
@@ -95,6 +95,24 @@ class ModelFolderFolder extends Model {
    }
 
 
+   public function get_all_folder_ids_hier($uid = 0) {
+      $arr = array();
+      $a = array();
+
+      $query = $this->db->query("SELECT " . TABLE_FOLDER_USER . ".id AS id, " . TABLE_FOLDER . ".name AS name FROM " . TABLE_FOLDER_USER . ", " . TABLE_FOLDER . " WHERE uid=? AND " . TABLE_FOLDER_USER . ".id=" . TABLE_FOLDER . ".id", array($uid));
+
+      if(isset($query->rows)) {
+         foreach ($query->rows as $q) {
+            $a = array('id' => $q['id'], 'name' => $q['name'], 'children' => array());
+            $a['children'] = $this->get_sub_folders_hier($q['id']);
+            array_push($arr, $a);
+         }
+      }
+
+      return $arr;
+   }
+
+
    public function get_all_extra_folder_ids($uid = 0) {
       $arr = array();
 
@@ -122,6 +140,26 @@ class ModelFolderFolder extends Model {
 
    }
 
+
+   private function get_sub_folders_hier($id = 0) {
+      $arr = array();
+
+      $query = $this->db->query("SELECT id, name FROM `" . TABLE_FOLDER . "` WHERE parent_id=?", array($id));
+
+      if($query->num_rows > 0) {
+
+         foreach ($query->rows as $q) {
+            $a = array('id'=> $q['id'], 'name'=>$q['name'], 'children'=>array());
+            $a['children'] = $this->get_sub_folders_hier($q['id']);
+            array_push($arr, $a);
+         }
+
+      }
+
+      return $arr;
+   }
+
+
    public function get_folders_by_string($s = '') {
       if(strlen($s) < 2) { return array(); }
 
diff --git a/webui/view/javascript/piler.js b/webui/view/javascript/piler.js
index 0c5639f1..4972736e 100644
--- a/webui/view/javascript/piler.js
+++ b/webui/view/javascript/piler.js
@@ -268,10 +268,10 @@ function assemble_search_term(n, prefix) {
    e = document.getElementById(prefix + 'order');
    if(e && e.value) { data = data + "&order=" + e.value; }
 
-   var a = document.getElementById('folders');
-   if(a) {
-      for(i=0; i<a.childNodes.length; i++) {
-         b = a.childNodes[i];
+   var childNodeArray = document.getElementById('folders').getElementsByTagName('*');
+   if(childNodeArray) {
+      for(i=0; i<childNodeArray.length; i++) {
+         b = childNodeArray[i];
          if(b.name && b.name.substring(0, 7) == 'folder_' && b.checked) {
             folders = folders + "+" + b.name.substring(7);
          }
@@ -697,7 +697,6 @@ $(document).ready(function() {
         }
     });
 
-
   });
 
 
@@ -776,3 +775,32 @@ function copy_message_to_folder(folder_id, id, copied) {
 }
 
 
+function open_folder(id) {
+   var a;
+
+   a  = document.getElementById('fldr_' + id);
+   a.style.display = '';
+
+   a  = document.getElementById('fldr_collapse_' + id);
+   a.style.display = '';
+
+   a = document.getElementById('fldr_open_' + id);
+   a.style.display = 'none';
+
+}
+
+
+function close_folder(id) {
+   var a;
+
+   a  = document.getElementById('fldr_' + id);
+   a.style.display = 'none';
+
+   a  = document.getElementById('fldr_collapse_' + id);
+   a.style.display = 'none';
+
+   a = document.getElementById('fldr_open_' + id);
+   a.style.display = '';
+}
+
+
diff --git a/webui/view/theme/default/images/1x1.gif b/webui/view/theme/default/images/1x1.gif
new file mode 100644
index 0000000000000000000000000000000000000000..b406be772f62363b18baf8d3091c6a6e513ff028
GIT binary patch
literal 44
tcmZ?wbhEHbWMp7uX!y@?;J^U}1_s5SEQ~;kK?g*DWEhy3To@Uw835W`2Ri@&

literal 0
HcmV?d00001

diff --git a/webui/view/theme/default/images/minus.gif b/webui/view/theme/default/images/minus.gif
new file mode 100644
index 0000000000000000000000000000000000000000..3fb0c7225fee40c4fd11bb4c3106380000b52fe2
GIT binary patch
literal 73
zcmZ?wbhEHb<YC}pn8?78lz8Jm7%(s}DE?$&WM^Pv&;hc6vOEk7Oj06!nFrrKPiok7
X(aO<pLvg=hxT#kvi-f$A2!k~MMaLEg

literal 0
HcmV?d00001

diff --git a/webui/view/theme/default/images/plus.gif b/webui/view/theme/default/images/plus.gif
new file mode 100644
index 0000000000000000000000000000000000000000..244763b8f61aa34ba0be82c3cdcbd763c6ca3bc4
GIT binary patch
literal 76
zcmZ?wbhEHb<YC}pn8?78lz8Jm7%(s}DE?$&WM^Pv&;hc6vOEk7OtK<<nFrr~cbLN)
aR_W{&m3Jku$24iFgq2o8O-BF&gEat!3>Sw0

literal 0
HcmV?d00001

diff --git a/webui/view/theme/default/templates/search/folder.tpl b/webui/view/theme/default/templates/search/folder.tpl
index f83ba82c..b505a4f6 100644
--- a/webui/view/theme/default/templates/search/folder.tpl
+++ b/webui/view/theme/default/templates/search/folder.tpl
@@ -2,16 +2,47 @@
 
 <div id="folders" style="text-align:left;">
 
-<?php foreach ($folders as $folder) { ?>
-   <input type="checkbox" id="folder_<?php print $folder['id']; ?>" name="folder_<?php print $folder['id']; ?>" /> <?php print $folder['name']; ?><br />
-<?php } ?>
-
 
 <?php foreach ($extra_folders as $folder) { ?>
-   <input type="checkbox" id="extra_folder_<?php print $folder['id']; ?>" name="extra_folder_<?php print $folder['id']; ?>" /> <span style="color: blue; font-weight: bold;" onmouseover="javascript: copy_message_to_folder('<?php print $folder['id']; ?>', current_message_id, '<?php print $text_copied; ?>'); return false;"><?php print $folder['name']; ?></span><br />
+   <blockquote style="border: 0px solid red; margin: 0 0 5px 10px;">
+   <img src="<?php print ICON_EMPTY; ?>" width="12" height="12" alt="" /> <input type="checkbox" id="extra_folder_<?php print $folder['id']; ?>" name="extra_folder_<?php print $folder['id']; ?>" /> <span style="color: blue; font-weight: bold;" onmouseover="javascript: copy_message_to_folder('<?php print $folder['id']; ?>', current_message_id); return false;"><?php print $folder['name']; ?>
+   </blockquote>
 <?php } ?>
 
 
+
+<?php
+
+function display_folders($arr = array(), &$i) {
+
+?>
+   <blockquote id="fldr_<?php print $i; ?>" style="border: 0px solid red; margin: 0 0 5px 10px;">
+<?php
+   $i++;
+
+   foreach($arr as $a) {
+?>
+
+      <?php if(count($a['children']) > 0) { ?>
+         <a id="fldr_collapse_<?php print $i; ?>" href="#" onclick="javascript:close_folder(<?php print $i; ?>); return false;"><img src="<?php print ICON_MINUS; ?>" alt="" /></a>
+         <a id="fldr_open_<?php print $i; ?>" href="#" onclick="javascript: open_folder(<?php print $i; ?>); return false;" style="display:none;"><img src="<?php print ICON_PLUS; ?>" alt="" /></a>
+      <?php } else { ?> <img src="<?php print ICON_EMPTY; ?>" width="12" height="12" alt="" /> <?php } ?>
+      <input type="checkbox" id="folder_<?php print $a['id']; ?>" name="folder_<?php print $a['id']; ?>" /> <?php print $a['name']; ?><br />
+
+<?php
+      if(count($a['children'])) { display_folders($a['children'], $i); }
+   } 
+?>
+
+      </blockquote>
+<?php
+}
+?>
+
+<?php
+      $i = 0;
+      display_folders($folders_by_hier, $i);
+?>
+
+
 </div>
-
-