source: sandbox/newExpressoMail/prototype/modules/mail/js/foldertree.js @ 7167

Revision 7167, 19.7 KB checked in by gustavo, 12 years ago (diff)

Ticket #2939 - Melhorias na exibicao das abas e da listagem de email

  • Property svn:executable set to *
Line 
1var init_tree = 0;
2var selected;
3var over;
4var cp_tree1;
5var cp_tree2;
6function unorphanize(root, element) {
7        var ok = false;
8        var f = 0;
9        for (var i=0; i<root.length; i++) {
10                if (root[i].id == element.parentFolder) {
11                        element.children = new Array();
12                        root[i].children.push(element);
13                        return true;
14                } else if (ok = unorphanize(root[i].children, element)) {
15                        break;
16                }
17        }
18        return ok;
19}
20
21function count_unseen_children(folder){
22        if(folder.children.length){
23                for(var i=0; i< folder.children.length; i++){
24                        if(folder.children[i].children.length)
25                                folder.children[i]['children_unseen'] = (folder.children[i]['children_unseen'] ? folder.children[i]['children_unseen'] : 0) + count_unseen_children(folder.children[i]);
26                       
27                        folder['children_unseen'] = (folder['children_unseen'] ? folder['children_unseen'] : 0)+ (folder.children[i]['children_unseen'] ? folder.children[i]['children_unseen'] : 0) + parseInt(folder.children[i].messageCount.unseen);                       
28                }
29                return folder['children_unseen'];
30        }else{
31                return parseInt(folder.messageCount.unseen);
32        }
33}
34
35function valid_tabs(children_of_this_folder, folder_to_move){
36        var borders_open = $("#border_tr").children();
37
38        var error = false;
39        for(var i = 1; i <= borders_open.length -2; i ++){
40                //VERIFICA A CADA FILHO DA PASTA SE ESTA eventNSAGEM E DESTA PASTA
41                $.each(children_of_this_folder, function(index, value){
42                        if($(children_of_this_folder[index]).attr('id') == openTab.imapBox[$(borders_open[i]).find("input[type=hidden]").attr("name")]){
43                                error = true;
44                                write_msg(get_lang("One or more messages from any sub-folder are open"));
45                                return error;
46                               
47                        }
48                });
49                if(error){
50                        return error;
51                }
52                //VERIFICA SE EXISTE NA PASTA A SER MOVIDA
53                if(openTab.imapBox[$(borders_open[i]).find("input[type=hidden]").attr("name")] == folder_to_move){
54                        error = true;
55                        write_msg(get_lang("One or more messages from this folder are open"));
56                        return error;
57                }
58        }
59}
60
61function draw_new_tree_folder(callback){
62       
63        var folders = DataLayer.get("folder", true);
64       
65        if(!selected){
66                selected = "INBOX";
67        }
68        /*
69        if( folders )
70        {
71            folders = $.map( folders, function( folder ){
72                  return {
73                    id: folder.folder_id,
74                    commonName: folder.folder_name,
75                    parentFolder: folder.folder_parent === "root" ? "" : folder.folder_parent,
76                    messageCount: { total : '', unseen : '0' }
77                  };
78            });
79        }
80        else
81            folders = DataLayer.get("folder", true);
82        */
83        var tree1 = new Array();
84        var tree2 = new Array();
85        var tree3 = new Array();
86        for (var i=0; i<folders.length; i++) {
87                if (/^INBOX/.test(folders[i].id)) {
88                        if (!unorphanize(tree1, folders[i])) {
89                                folders[i].children = new Array();
90                                tree1.push(folders[i]);
91                        }
92                }
93                else if (/^user/.test(folders[i].id)) {
94                        if (!unorphanize(tree2, folders[i])) {
95                                folders[i].children = new Array();
96                                tree2.push(folders[i]);
97                        }
98                }
99                else if (/^local_messages/.test(folders[i].id)) {
100                        if (!unorphanize(tree3, folders[i])) {
101                                folders[i].children = new Array();
102                                tree3.push(folders[i]);
103                        }
104                }
105        }
106       
107        for(var i =0; i<tree1.length; i++){
108                count_unseen_children(tree1[i]);
109        }
110        for(var i =0; i<tree2.length; i++){
111                count_unseen_children(tree2[i]);
112        }
113        for(var i =0; i<tree3.length; i++){
114                count_unseen_children(tree3[i]);
115        }
116        cp_tree1 = tree1;
117        cp_tree2 = tree2;
118        var shared_acls = {};
119
120        $.each(cp_tree2, function(index, value){
121                shared_acls[value.id] = value.acl_share;
122        });
123
124        $("#content_folders").removeClass("menu-degrade").parent().removeClass("image-menu");
125        var html = DataLayer.render('../prototype/modules/mail/templates/detailedfoldertree.ejs', {folders: [tree1, tree2, tree3]});
126        var folders_html = $("#content_folders").html(html).find(".mainfoldertree").treeview({
127                        persist: "cookie",
128                        animated: "fast"
129        }).find(".folder").unbind("click").click(function(event){
130               
131                // MUDANÇA DE PASTAS!
132                var target = $(this);   
133               
134                if($(".folders-loading").length)
135                        return;
136               
137                if($(event.target).parent().is(".float-menu"))
138                        return;
139                       
140                if( target.is('.collapsable-hitarea, .expandable-hitarea, .lastCollapsable-hitarea, .lastExpandable-hitarea, .treeview ,.folder_unseen,.ui-icon, .float-menu, .new_folder, .folders-loading, .head_folder, .shared-folders') )
141                        return;
142               
143                if( target.parent().find(".new_folder").length)
144                        return;
145                       
146                if( !target.attr('id') )
147                        target = target.parent();
148                if (target[0] == $(".mainfoldertree")[0]) return;
149                var uiId = target.attr('id');
150                var child = target.find('.folder');
151                 
152                if(!target.is('.mainfoldertree > .expandable-hitarea, .mainfoldertree > .collapsable-hitarea')){
153                        $('.filetree span.folder.selected').removeClass('selected');
154                        $(target).children('.folder').addClass('selected');
155                }
156                $(this).addClass("folders-loading");
157                selected = target.attr('id');
158                change_folder(target.attr('id'), child.attr('title')); 
159
160                $.ajax({
161                          url : "controller.php?"+ $.param( { action: "$this.imap_functions.get_folders_list", folder: target.attr('id') } ),
162                          success : function(data){
163                                  data = connector.unserialize(data);
164
165                                  if(data)
166                                    build_quota(data);
167                          }
168                });
169
170        }).filter('.followup-messages').click(function(event, ui){
171                search_emails("UNDELETED KEYWORD \"$Followupflagged\"");
172        }).end().end();
173       
174        folders_html.find('[id="'+selected+'"]').children().addClass("selected");
175        $(".folder").not(".head_folder").not(".shared-folders").parent().find(".folder").not(".head_folder,.inbox,.drafts,.sent,.spam,.trash").draggable({
176                // DRAG DE PASTAS
177                start : function(){
178                        $(this).css("color", "gray");
179                },
180                stop : function(){
181                        $(this).css("color", "");
182                },
183                revert: "invalid",
184                helper: function(event){
185                        if($.trim(($(this).text().split("["))[0]).length > 18)
186                                return $(DataLayer.render('../prototype/modules/mail/templates/draggin_box.ejs', {texto : (($(this).text().split("["))[0]).substring(0,18) + "...", type: "folder"}));
187                        return $(DataLayer.render('../prototype/modules/mail/templates/draggin_box.ejs', {texto : (($(this).text().split("["))[0]), type: "folder"}));
188                },
189                delay: 150,
190                refreshPositions: true,
191                zIndex : 2700,
192                //scroll: true,
193                //scrollSensitivity: 100,
194                //scrollSpeed: 100,
195                containment: "#divAppbox"
196        }).end().droppable({
197                //DROP DE PASTAS
198                over : function(a, b){
199                        //INICIO : SE A PASTA CONTER FILHAS EXPANDE
200                        over = $(this);
201                        $(this).addClass("folder-over");
202                        if(($(this)[0] != $(this).parent().find(".head_folder")[0]))
203                                if($(this).prev()[0])
204                                        if($(this).parent().find(".expandable-hitarea")[0] == $(this).prev()[0]){
205                                                setTimeout(function(){
206                                                        if(over.hasClass("folder-over"))
207                                                                over.prev().trigger("click");
208                                                }, 500);
209                                               
210                                        }
211                        //FIM : SE A PASTA CONTER FILHAS EXPANDE
212                       
213                        //SETA BORDA EM VOLTA DA PASTA
214                },
215                out : function(){
216                        //RETIRA BORDA EM VOLTA DA PASTA
217                        $(this).removeClass("folder-over");
218                },
219                drop : function(event, ui){
220                        $(this).removeClass("folder-over");
221                        if($(this).parent().attr('id') == undefined){
222                                var folder_to = 'INBOX';
223                                var to_folder_title = get_lang("Inbox");
224                        }else{
225                                var folder_to = $(this).parent().attr('id');
226                                var to_folder_title = $(this).attr('title');
227                        }               
228                        var folder_to_move = ui.draggable.parent().attr('id');
229                        var border_id = ui.draggable.find("input[type=hidden]").attr("name");
230                        // eventnsagens : SE O DROP VIER DA LISTA DE eventNSAGENS :
231                        if(folder_to_move == "tbody_box"){
232                                move_msgs2(get_current_folder(), 'selected', 0, folder_to, to_folder_title,true);
233                                return refresh();
234                        }
235                        //SE FOR DE UMA PESQUISA RAPIDA
236                        else if(ui.draggable.parents('[id^="content_id_"]')[0]){
237                                move_search_msgs("content_id_"+border_id, folder_to, to_folder_title);
238                                return refresh();
239                        }
240                        // eventnsagens : SE O DROP VIER DE UMA ABA ABERTA
241                        else if(folder_to_move == "border_tr"){
242                                var id_msg = border_id.split("_")[0];
243                                folder = $("#input_folder_"+border_id+"_r")[0] ? $("#input_folder_"+border_id+"_r").val() : (openTab.imapBox[border_id] ? openTab.imapBox[border_id]:get_current_folder());
244                                alternate_border(border_id);
245                                move_msgs2(folder, id_msg, border_id, folder_to, to_folder_title,true);
246                                return refresh();
247                        }
248                        // SE O DROP VIER DA LISTA DE PASTAS
249                        else{
250                                var folder_to_exist = folder_to_move.split(cyrus_delimiter);   
251                                folder_to_exist = folder_to+cyrus_delimiter+folder_to_exist[folder_to_exist.length-1];
252                               
253                                //VERIFICA SE EXISTE UMA eventNSAGENS ABERTA NESTA PASTA E NAS SUAS FILHAS
254
255                                if(valid_tabs(ui.draggable.parent().find("li"), folder_to_move)){
256                                        return;
257                                }
258                                //FIM : VERIFICA SE EXISTE UMA eventNSAGENS ABERTA NESTA PASTA E NAS SUAS FILHAS;
259                               
260                                // VALIDA SE O USUARIO ESTA TENTANDO MOVER A PASTA PARA O eventSMO LOCAL
261                                if(folder_to_exist == folder_to_move){
262                                        return write_msg(get_lang("Thie folder is already in this place"));
263                                }
264                               
265                                // VALIDA SE O USUARIO ESTA TENTANDO MOVER A PASTA ABERTA NO momentO
266                                if(folder_to_move == get_current_folder()){
267                                        return write_msg(get_lang("It's not possible move this folder, because it is being used in the moment!"));
268                                }
269                               
270                                // VALIDA SE O USUARIO ESTA TENTANDO MOVER UMA PASTA FILHA DA PASTA ABERTA NO momentO
271                                if(ui.draggable.parent().find(".selected")[0]){
272                                        return write_msg(get_lang("It's not possible move this folder, because its subfolder is being used in the moment!"));
273                                }
274                               
275                                // VALIDA SE O USUARIO ESTA TENTANDO MOVER UMA PASTA PAI PARA DENTRO DE UMA FILHA
276                                if(ui.draggable.parent().find('[id="'+folder_to+'"]')[0]){
277                                        return write_msg(get_lang("It's not possible to move this folder to its subfolders!"));
278                                }                                       
279                               
280                                if($('[id="'+folder_to_exist+'"]').length){
281                                        return write_msg(get_lang("Can not move this folder to this location, because the target has already a folder with this name"));
282                                }
283                               
284                                $(this).addClass("folders-loading");
285                               
286                                $.ajax({
287                                        url : "controller.php?"+ $.param( { action: "$this.imap_functions.move_folder", folder_to_move: folder_to_move, folder_to: folder_to } ),
288                                        success : function(data){
289                                                cExecute("$this.imap_functions.get_folders_list&onload=true", update_menu);
290                                                data = connector.unserialize(data);
291                                                if(data == "Permission denied"){
292                                                        write_msg(get_lang("Permission denied"));
293                                                }else if(data){
294                                                        write_msg(get_lang("The folder was successfully moved"));
295                                                }
296                                                else{
297                                                        write_msg(get_lang("ERROR moving your folder."));
298                                                }
299                                        }
300                                });
301                        }
302                }
303        });
304        $(".folder").not(".head_folder").not(".shared-folders").parent().find(".folder").hover(
305                function(){
306                        //CASO A LI NÃO TENHA UM eventNU FLUTUANTE AINDA, O eventNU É ADICIONADO!
307                        if(!$(this).children(":last").hasClass("float-menu") && !$(this).children(":last").hasClass("new_folder")){
308                                var folder_ = $(this);
309                                var folder_name;
310                                var shared = {
311                                        head : false,
312                                        valid : false
313                                };
314                                if(folder_.parent().attr('id')){
315                                        folder_name = folder_.parent().attr('id').split(cyrus_delimiter);
316                                        folder_name = folder_name[folder_name.length -1];
317                                        shared.valid = folder_.parent().attr('id').search("user/") == 0 ? true : false;
318                                }else
319                                        folder_name = "Root";
320                               
321                                if(shared.valid){
322                                        shared.head = folder_.parent().attr('id').split(cyrus_delimiter).length == 2 ?  true : false;
323                                        var folder_name_parts = folder_.parent().attr('id').split(cyrus_delimiter);
324                                        var acls = shared_acls[folder_name_parts[0]+cyrus_delimiter+folder_name_parts[1]];
325
326                                }
327
328                                html = DataLayer.render("../prototype/modules/mail/templates/float_folder_menu.ejs", {name_folder : folder_name, flag : shared, acl : acls});                                   
329                                        //FUNÇÃO DO eventNU FLUTUANTE EDITAR < BEGIN
330                                var esc = false;
331                                $(folder_).append(html).find(".float-menu-edit").click(function(){
332                                        var folder_id = $(this).parents(".closed:first").attr('id');
333                                        var name = $.trim($(this).parents(".closed:first").find("span:first").text().split("[")[0]);
334                                        if($(this).parents(".closed:first").find("span:first").hasClass("selected"))
335                                                return write_msg(get_lang("It's not possible rename this folder, because it is being used in the moment!"));
336                                        if($(this).parents(".closed:first").find(".selected").length)
337                                                return write_msg(get_lang("It's not possible rename this folder, because its subfolder is being used in the moment!"));
338                                        if(valid_tabs($(this).parents("li:first").find("li"), folder_id))
339                                                return;
340                                        $(this).parents(".closed:first").find("span:first").empty().append("<input class='new_folder folder' type='text' maxlength='100'></input>");
341                                        $(".new_folder").focus().keydown(function(event){
342                                                event.stopPropagation();
343                                                if(event.keyCode == 13){
344                                                        if($(this).val() != ""){
345                                                                if($(this).val().match(/[\/\`\~\^\<\>\|\\\"\!\@\#\$\%\&\*\+\(\)\[\]\{\}\?;:]/gi)){
346                                                                        return write_msg(get_lang("cannot create folder. try other folder name"));
347                                                                }
348                                                                var new_name = folder_id.replace(/[a-zA-Z0-9á-úÁ-Ú^\s_-]+$/, $(this).val());
349                                                                if($('[id="'+new_name+'"]').length){
350                                                                        $(".folders-loading").removeClass("folders-loading");
351                                                                        write_msg(get_lang("Mailbox already exists"));
352                                                                        return draw_new_tree_folder();
353                                                                }
354                                                                $(".new_folder").parent().addClass("folders-loading");
355                                                                $.ajax({
356                                                                        url : "controller.php?action=$this.imap_functions.ren_mailbox",
357                                                                        type : "POST",
358                                                                        data : "current="+folder_id+"&rename="+new_name,
359                                                                        success : function(data){
360                                                                                data = connector.unserialize(data);
361                                                                                if(data == "Permission denied"){
362                                                                                        $(".folders-loading").removeClass("folders-loading");
363                                                                                        cExecute("$this.imap_functions.get_folders_list&onload=true", update_menu);
364                                                                                        return write_msg(get_lang("Permission denied"));
365                                                                                }
366                                                                                write_msg(get_lang("The folder was successfully rename"));
367                                                                                cExecute("$this.imap_functions.get_folders_list&onload=true", update_menu);
368                                                                        }
369                                                                });
370                                                        }
371                                                }else if( event.keyCode == 27){
372                                                        draw_new_tree_folder();
373                                                }
374                                        }).focusout(function(){
375                                                draw_new_tree_folder();
376                                        }).val(name);
377                                })
378                                //FUNÇÃO DO eventNU FLUTUANTE EDITAR < END
379                                //FUNÇÃO DO eventNU FLUTUANTE EXCLUIR < BEGIN
380                                .end().find(".float-menu-remove").click(function(){
381                                       
382                                        var folder_id = $(this).parents(".closed:first").attr('id');
383                                        var folder_name = "<strong>"+$.trim($(this).parents(".closed:first").find(".folder").text().split("[")[0])+"</strong>";
384                                       
385                                        if(valid_tabs($(this).parents("li:first").find("li"), folder_id))
386                                                return;
387                                        $(this).parents(".closed:first").find(".folder").addClass("folders-loading");
388                                       
389                                        if($(this).parents(".closed:first").find("ul").length){
390                                                $(this).parents(".closed:first").find(".folder").removeClass("folders-loading");
391                                                return write_msg(get_lang("Delete/move subfolders first"));
392                                        }
393                                        if($(this).parents(".closed:first").find(".selected").length){
394                                                $(this).parents(".closed:first").find(".folder").removeClass("folders-loading");
395                                                return write_msg(get_lang("It's not possible delete this folder, because it is being used in the moment!"));
396                                        }
397                                        var folder_span = $(this);
398                                        var confirm_text = get_lang("Do you wish to exclude the folder ");
399                                        $.Zebra_Dialog(confirm_text+folder_name, {
400                                                'type':     'question',
401                                                'overlay_opacity': '0.5',
402                                                'buttons':  [get_lang('Yes'), get_lang('No')],
403                                                'onClose':  function(caption) {
404                                                        if(caption == get_lang('Yes')){
405                                                                $.ajax({
406                                                                        url : "controller.php?action=$this.imap_functions.delete_mailbox",
407                                                                        type: "POST",
408                                                                        data : "del_past="+folder_id,
409                                                                        success : function(data){
410                                                                                data = connector.unserialize(data);
411                                                                                if(data == "Mailbox does not exist"){
412                                                                                        $(".folders-loading").removeClass("folders-loading");
413                                                                                        return write_msg(get_lang("Mailbox does not exist"));
414                                                                                }else if(data == "Permission denied"){
415                                                                                        $(".folders-loading").removeClass("folders-loading");
416                                                                                        cExecute("$this.imap_functions.get_folders_list&onload=true", update_menu);
417                                                                                        return write_msg(get_lang("Permission denied"));
418                                                                                }
419                                                                                write_msg(get_lang("The folder %1 was successfully removed", folder_name));
420                                                                                cExecute("$this.imap_functions.get_folders_list&onload=true", update_menu);
421                                                                        }
422                                                                });
423                                                        }else{
424                                                                folder_span.parents(".closed:first").find(".folder").removeClass("folders-loading");
425                                                                return;
426                                                        }
427                                                }
428                                        });
429                                        /* if(!confirm(confirm_text + folder_name)){
430                                                $(this).parents(".closed:first").find(".folder").removeClass("folders-loading");
431                                                return;
432                                        } */
433                                })
434                                //FUNÇÃO DO eventNU FLUTUANTE EXCLUIR < END
435                                //FUNÇÃO DO eventNU FLUTUANTE NOVA PASTA < BEGIN
436                                .end().find(".float-menu-new").click(function(){
437                                        $(this).parents(".float-menu").hide();
438                                        var selected_li = $(this).parents(".closed:first");
439                                        if(selected_li.find("ul:first").length){
440                                                var new_folder = $("<li><input class='new_folder folder' type='text' maxlength='100'></input></li>").appendTo(selected_li.find("ul:first"));                                                           
441                                                if(selected_li.find(".expandable-hitarea").length){
442                                                        selected_li.find(".expandable-hitarea").trigger('click');
443                                                }
444                                                selected_li.find("ul:first").treeview({
445                                                        add: new_folder
446                                                });
447                                        }else if(selected_li.length){
448                                                var new_folder = $("<ul><li><input class='new_folder folder' type='text' maxlength='100'></input></li></ul>").appendTo(selected_li);                                                           
449                                                selected_li.treeview({
450                                                        add: new_folder
451                                                });
452                                        }else{
453                                                selected_li = $(this).parents(".head_folder").parent();
454                                                if($(this).parents(".head_folder").parent().find(".expandable-hitarea").length){
455                                                        $(this).parents(".head_folder").parent().find(".expandable-hitarea").trigger('click');
456                                                }
457                                                var new_folder = $("<ul><li><input class='new_folder folder' type='text' maxlength='100'></input></li></ul>").appendTo(selected_li);                                                           
458                                                selected_li.treeview({
459                                                        add: new_folder
460                                                });
461                                        }
462                                       
463                                        selected_li.find(".new_folder").Watermark("Nova Pasta").focus().keydown(function(event){
464                                                event.stopPropagation();
465                                                if(event.keyCode == 13){
466                                                        if($(this).val().match(/[\`\~\^\<\>\|\\\"\!\@\#\$\%\&\*\+\(\)\[\]\{\}\?;:]/gi)){
467                                                                return write_msg(get_lang("cannot create folder. try other folder name"));
468                                                        }
469                                                        if($('[id="'+ (selected_li.attr('id')? selected_li.attr('id') : "INBOX") + cyrus_delimiter + $(this).val()+'"]').length){
470                                                                $(".folders-loading").removeClass("folders-loading");
471                                                                write_msg(get_lang("Mailbox already exists"));
472                                                                return draw_new_tree_folder();
473                                                        }
474                                                        $(".new_folder").parent().addClass("folders-loading");
475                                                        create_new_folder(($(this).val() != "" ? $(this).val() : get_lang("New Folder")), (selected_li.attr('id')? selected_li.attr('id') : "INBOX"));
476                                                }else if( event.keyCode == 27){
477                                                        draw_new_tree_folder();
478                                                }
479                                        }).focusout(function(){
480                                                draw_new_tree_folder();
481                                        });
482                                }).end().find(".float-menu-export").click(function(){
483                                        //proxy_mensagens.export_all_messages($(this).parents("li:first").attr("id"))
484
485                                        var name_box = $(this).parents("li:first").attr("id");
486                                        var name_folder = name_box.split(cyrus_delimiter)[name_box.split(cyrus_delimiter).length-1];
487
488                                        var hand_export = function(data){
489                                                if(!data){
490                                                        write_msg(get_lang('Error compressing messages (ZIP). Contact the administrator.'))
491                                                }else if(data["empty_folder"]){
492                                                        write_msg(get_lang("The selected folder is empty."));
493                                                }else
494                                                  download_attachments(null, null, data, null,null, name_folder +'.zip');
495                                        }
496                                        cExecute("$this.exporteml.export_all",hand_export,"folder="+name_box); 
497                                        write_msg(get_lang('You must wait while the messages will be exported...'));           
498                                });
499                                //FUNÇÃO DO eventNU FLUTUANTE NOVA PASTA < END
500                        }
501                        if(!$(".new_folder").length){
502                                $(this).find(".float-menu:first").css("display", "");
503                        }
504                },
505                function(){
506                        $(this).find(".float-menu:first").hide();
507                }
508        );
509        $("#new_m").html($('.selected').find(".folder_unseen").html() ? $('.selected').find(".folder_unseen").html() : "0").css("color", "red");
510}
511
Note: See TracBrowser for help on using the repository browser.