source: trunk/prototype/modules/mail/js/foldertree.js @ 6222

Revision 6222, 17.4 KB checked in by gustavo, 12 years ago (diff)

Ticket #2752 - Criando pastas acentuadas no Expresso Mail Re-aberto

  • 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        $("#content_folders").removeClass("menu-degrade").parent().removeClass("image-menu");
119        var html = DataLayer.render('../prototype/modules/mail/templates/detailedfoldertree.ejs', {folders: [tree1, tree2, tree3]});
120        var folders_html = $("#content_folders").html(html).find(".mainfoldertree").treeview({
121                        persist: "cookie",
122                        animated: "fast"
123        }).find(".folder").unbind("click").click(function(event){
124               
125                // MUDANÇA DE PASTAS!
126                var target = $(this);   
127               
128                if($(".folders-loading").length)
129                        return;
130               
131                if($(event.target).parent().is(".float-menu"))
132                        return;
133                       
134                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') )
135                        return;
136               
137                if( target.parent().find(".new_folder").length)
138                        return;
139                       
140                if( !target.attr('id') )
141                        target = target.parent();
142                if (target[0] == $(".mainfoldertree")[0]) return;
143                var uiId = target.attr('id');
144                var child = target.find('.folder');
145                 
146                if(!target.is('.mainfoldertree > .expandable-hitarea, .mainfoldertree > .collapsable-hitarea')){
147                        $('.filetree span.folder.selected').removeClass('selected');
148                        $(target).children('.folder').addClass('selected');
149                }
150                $(this).addClass("folders-loading");
151                selected = target.attr('id');
152                change_folder(target.attr('id'), child.attr('title')); 
153                var draw_shared_quota = function(data){
154                        build_quota(data);
155                };
156                cExecute ("$this.imap_functions.get_folders_list&folder="+target.attr('id'), draw_shared_quota);
157        }).filter('.followup-messages').click(function(event, ui){
158                search_emails("UNDELETED KEYWORD \"$Followupflagged\"");
159        }).end().end();
160       
161        folders_html.find('[id="'+selected+'"]').children().addClass("selected").end().end().find("li:first").find(".folder").not(".head_folder,.inbox,.drafts,.sent,.spam,.trash").draggable({
162                // DRAG DE PASTAS
163                start : function(){
164                        $(this).css("color", "gray");
165                },
166                stop : function(){
167                        $(this).css("color", "");
168                },
169                revert: "invalid",
170                helper: function(event){
171                        if($.trim(($(this).text().split("["))[0]).length > 18)
172                                return $(DataLayer.render('../prototype/modules/mail/templates/draggin_box.ejs', {texto : (($(this).text().split("["))[0]).substring(0,18) + "...", type: "folder"}));
173                        return $(DataLayer.render('../prototype/modules/mail/templates/draggin_box.ejs', {texto : (($(this).text().split("["))[0]), type: "folder"}));
174                },
175                delay: 150,
176                refreshPositions: true,
177                zIndex : 2700,
178                //scroll: true,
179                //scrollSensitivity: 100,
180                //scrollSpeed: 100,
181                containment: "#divAppbox"
182        }).end().droppable({
183                //DROP DE PASTAS
184                over : function(a, b){
185                        //INICIO : SE A PASTA CONTER FILHAS EXPANDE
186                        over = $(this);
187                        $(this).addClass("folder-over");
188                        if(($(this)[0] != $(this).parent().find(".head_folder")[0]))
189                                if($(this).prev()[0])
190                                        if($(this).parent().find(".expandable-hitarea")[0] == $(this).prev()[0]){
191                                                setTimeout(function(){
192                                                        if(over.hasClass("folder-over"))
193                                                                over.prev().trigger("click");
194                                                }, 500);
195                                               
196                                        }
197                        //FIM : SE A PASTA CONTER FILHAS EXPANDE
198                       
199                        //SETA BORDA EM VOLTA DA PASTA
200                },
201                out : function(){
202                        //RETIRA BORDA EM VOLTA DA PASTA
203                        $(this).removeClass("folder-over");
204                },
205                drop : function(event, ui){
206                        $(this).removeClass("folder-over");
207                        if($(this).parent().attr('id') == undefined){
208                                var folder_to = 'INBOX';
209                                var to_folder_title = get_lang("Inbox");
210                        }else{
211                                var folder_to = $(this).parent().attr('id');
212                                var to_folder_title = $(this).attr('title');
213                        }               
214                        var folder_to_move = ui.draggable.parent().attr('id');
215                        var border_id = ui.draggable.find("input[type=hidden]").attr("name");
216                        // eventnsagens : SE O DROP VIER DA LISTA DE eventNSAGENS :
217                        if(folder_to_move == "tbody_box"){
218                                move_msgs2(get_current_folder(), 'selected', 0, folder_to, to_folder_title,true);
219                                return refresh();
220                        }
221                        //SE FOR DE UMA PESQUISA RAPIDA
222                        else if(ui.draggable.parents('[id^="content_id_"]')[0]){
223                                move_search_msgs("content_id_"+border_id, folder_to, to_folder_title);
224                                return refresh();
225                        }
226                        // eventnsagens : SE O DROP VIER DE UMA ABA ABERTA
227                        else if(folder_to_move == "border_tr"){
228                                var id_msg = border_id.substring("_");
229                                folder = $("#input_folder_"+border_id+"_r")[0] ? $("#input_folder_"+border_id+"_r").val() : (openTab.imapBox[border_id] ? openTab.imapBox[border_id]:get_current_folder());
230                                move_msgs2(folder, id_msg, border_id, folder_to, to_folder_title,true);
231                                return refresh();
232                        }
233                        // SE O DROP VIER DA LISTA DE PASTAS
234                        else{
235                                var folder_to_exist = folder_to_move.split(cyrus_delimiter);   
236                                folder_to_exist = folder_to+cyrus_delimiter+folder_to_exist[folder_to_exist.length-1];
237                               
238                                //VERIFICA SE EXISTE UMA eventNSAGENS ABERTA NESTA PASTA E NAS SUAS FILHAS
239
240                                if(valid_tabs(ui.draggable.parent().find("li"), folder_to_move)){
241                                        return;
242                                }
243                                //FIM : VERIFICA SE EXISTE UMA eventNSAGENS ABERTA NESTA PASTA E NAS SUAS FILHAS;
244                               
245                                // VALIDA SE O USUARIO ESTA TENTANDO MOVER A PASTA PARA O eventSMO LOCAL
246                                if(folder_to_exist == folder_to_move){
247                                        return write_msg(get_lang("Thie folder is already in this place"));
248                                }
249                               
250                                // VALIDA SE O USUARIO ESTA TENTANDO MOVER A PASTA ABERTA NO momentO
251                                if(folder_to_move == get_current_folder()){
252                                        return write_msg(get_lang("It's not possible move this folder, because it is being used in the moment!"));
253                                }
254                               
255                                // VALIDA SE O USUARIO ESTA TENTANDO MOVER UMA PASTA FILHA DA PASTA ABERTA NO momentO
256                                if(ui.draggable.parent().find(".selected")[0]){
257                                        return write_msg(get_lang("It's not possible move this folder, because its subfolder is being used in the moment!"));
258                                }
259                               
260                                // VALIDA SE O USUARIO ESTA TENTANDO MOVER UMA PASTA PAI PARA DENTRO DE UMA FILHA
261                                if(ui.draggable.parent().find('[id="'+folder_to+'"]')[0]){
262                                        return write_msg(get_lang("It's not possible to move this folder to its subfolders!"));
263                                }                                       
264                               
265                                if($('[id="'+folder_to_exist+'"]').length){
266                                        return write_msg(get_lang("Can not move this folder to this location, because the target has already a folder with this name"));
267                                }
268                               
269                                $(this).addClass("folders-loading");
270                               
271                                $.ajax({
272                                        url : "controller.php?action=$this.imap_functions.move_folder&folder_to_move="+folder_to_move+"&folder_to="+folder_to,
273                                        success : function(data){
274                                                data = connector.unserialize(data);
275                                                if(data){
276                                                        cExecute("$this.imap_functions.get_folders_list&onload=true", update_menu);
277                                                        write_msg(get_lang("The folder was successfully moved"));
278                                                }
279                                                else{
280                                                        write_msg(get_lang("ERROR moving your folder."));
281                                                }
282                                        }
283                                });
284                        }
285                }
286        }).hover(
287                function(){
288                        //CASO A LI NÃO TENHA UM eventNU FLUTUANTE AINDA, O eventNU É ADICIONADO!
289                        if(!$(this).children(":last").hasClass("float-menu") && !$(this).children(":last").hasClass("new_folder")){
290                                var folder_ = $(this);
291                                var folder_name;
292                                if(folder_.parent().attr('id')){
293                                        folder_name = folder_.parent().attr('id').split(cyrus_delimiter);
294                                        folder_name = folder_name[folder_name.length -1];
295                                }else
296                                        folder_name = "Root";
297                                html = DataLayer.render("../prototype/modules/mail/templates/float_folder_menu.ejs", {name_folder : folder_name});                                     
298                                        //FUNÇÃO DO eventNU FLUTUANTE EDITAR < BEGIN
299                                var esc = false;
300                                $(folder_).append(html).find(".float-menu-edit").click(function(){
301                                        var folder_id = $(this).parents(".closed:first").attr('id');
302                                        var name = $.trim($(this).parents(".closed:first").find("span:first").text().split("[")[0]);
303                                        if($(this).parents(".closed:first").find("span:first").hasClass("selected"))
304                                                return write_msg(get_lang("It's not possible rename this folder, because it is being used in the moment!"));
305                                        if($(this).parents(".closed:first").find(".selected").length)
306                                                return write_msg(get_lang("It's not possible rename this folder, because its subfolder is being used in the moment!"));
307                                        if(valid_tabs($(this).parents("li:first").find("li"), folder_id))
308                                                return;
309                                        $(this).parents(".closed:first").find("span:first").empty().append("<input class='new_folder folder' type='text' maxlength='100'></input>");
310                                        $(".new_folder").focus().keydown(function(event){
311                                                event.stopPropagation();
312                                                if(event.keyCode == 13){
313                                                        if($(this).val() != ""){
314                                                                if($(this).val().match(/[\/\\\!\@\#\$\%\&\*\+\(\)]/gi)){
315                                                                        return write_msg(get_lang("cannot create folder. try other folder name"));
316                                                                }
317                                                                var new_name = folder_id.replace(/[a-zA-Z0-9á-úÁ-Ú^\s_-]+$/, $(this).val());
318                                                                if($('[id="'+new_name+'"]').length){
319                                                                        $(".folders-loading").removeClass("folders-loading");
320                                                                        write_msg(get_lang("Mailbox already exists"));
321                                                                        return draw_new_tree_folder();
322                                                                }
323                                                                $(".new_folder").parent().addClass("folders-loading");
324                                                                $.ajax({
325                                                                        url : "controller.php?action=$this.imap_functions.ren_mailbox",
326                                                                        type : "POST",
327                                                                        data : "current="+folder_id+"&rename="+new_name,
328                                                                        success : function(){
329                                                                                write_msg(get_lang("The folder was successfully rename"));
330                                                                                cExecute("$this.imap_functions.get_folders_list&onload=true", update_menu);
331                                                                        }
332                                                                });
333                                                        }
334                                                }else if( event.keyCode == 27){
335                                                        draw_new_tree_folder();
336                                                }
337                                        }).focusout(function(){
338                                                draw_new_tree_folder();
339                                        }).val(name);
340                                })
341                                //FUNÇÃO DO eventNU FLUTUANTE EDITAR < END
342                                //FUNÇÃO DO eventNU FLUTUANTE EXCLUIR < BEGIN
343                                .end().find(".float-menu-remove").click(function(){
344                                       
345                                        var folder_id = $(this).parents(".closed:first").attr('id');
346                                        var folder_name = "<strong>"+$.trim($(this).parents(".closed:first").find(".folder").text().split("[")[0])+"</strong>";
347                                       
348                                        if(valid_tabs($(this).parents("li:first").find("li"), folder_id))
349                                                return;
350                                        $(this).parents(".closed:first").find(".folder").addClass("folders-loading");
351                                       
352                                        if($(this).parents(".closed:first").find("ul").length){
353                                                $(this).parents(".closed:first").find(".folder").removeClass("folders-loading");
354                                                return write_msg(get_lang("Delete/move subfolders first"));
355                                        }
356                                        if($(this).parents(".closed:first").find(".selected").length){
357                                                $(this).parents(".closed:first").find(".folder").removeClass("folders-loading");
358                                                return write_msg(get_lang("It's not possible delete this folder, because it is being used in the moment!"));
359                                        }
360                                        var folder_span = $(this);
361                                        var confirm_text = get_lang("Do you wish to exclude the folder ");
362                                        $.Zebra_Dialog(confirm_text+folder_name, {
363                                                'type':     'question',
364                                                'overlay_opacity': '0.5',
365                                                'buttons':  [get_lang('Yes'), get_lang('No')],
366                                                'onClose':  function(caption) {
367                                                        if(caption == get_lang('Yes')){
368                                                                $.ajax({
369                                                                        url : "controller.php?action=$this.imap_functions.delete_mailbox",
370                                                                        type: "POST",
371                                                                        data : "del_past="+folder_id,
372                                                                        success : function(data){
373                                                                                data = connector.unserialize(data);
374                                                                                if(data == "Mailbox does not exist"){
375                                                                                        $(".folders-loading").removeClass("folders-loading");
376                                                                                        return write_msg(get_lang("Mailbox does not exist"));
377                                                                                }
378                                                                                write_msg(get_lang("The folder %1 was successfully removed", folder_name));
379                                                                                cExecute("$this.imap_functions.get_folders_list&onload=true", update_menu);
380                                                                        }
381                                                                });
382                                                        }else{
383                                                                folder_span.parents(".closed:first").find(".folder").removeClass("folders-loading");
384                                                                return;
385                                                        }
386                                                }
387                                        });
388                                        /* if(!confirm(confirm_text + folder_name)){
389                                                $(this).parents(".closed:first").find(".folder").removeClass("folders-loading");
390                                                return;
391                                        } */
392                                })
393                                //FUNÇÃO DO eventNU FLUTUANTE EXCLUIR < END
394                                //FUNÇÃO DO eventNU FLUTUANTE NOVA PASTA < BEGIN
395                                .end().find(".float-menu-new").click(function(){
396                                        $(this).parents(".float-menu").hide();
397                                        var selected_li = $(this).parents(".closed:first");
398                                        if(selected_li.find("ul:first").length){
399                                                var new_folder = $("<li><input class='new_folder folder' type='text' maxlength='100'></input></li>").appendTo(selected_li.find("ul:first"));                                                           
400                                                if(selected_li.find(".expandable-hitarea").length){
401                                                        selected_li.find(".expandable-hitarea").trigger('click');
402                                                }
403                                                selected_li.find("ul:first").treeview({
404                                                        add: new_folder
405                                                });
406                                        }else if(selected_li.length){
407                                                var new_folder = $("<ul><li><input class='new_folder folder' type='text' maxlength='100'></input></li></ul>").appendTo(selected_li);                                                           
408                                                selected_li.treeview({
409                                                        add: new_folder
410                                                });
411                                        }else{
412                                                selected_li = $(this).parents(".head_folder").parent();
413                                                if($(this).parents(".head_folder").parent().find(".expandable-hitarea").length){
414                                                        $(this).parents(".head_folder").parent().find(".expandable-hitarea").trigger('click');
415                                                }
416                                                var new_folder = $("<ul><li><input class='new_folder folder' type='text' maxlength='100'></input></li></ul>").appendTo(selected_li);                                                           
417                                                selected_li.treeview({
418                                                        add: new_folder
419                                                });
420                                        }
421                                       
422                                        selected_li.find(".new_folder").Watermark("Nova Pasta").focus().keydown(function(event){
423                                                event.stopPropagation();
424                                                if(event.keyCode == 13){
425                                                        if($(this).val().match(/[\\\!\@\#\$\%\&\*\+\(\)]/gi)){
426                                                                return write_msg(get_lang("cannot create folder. try other folder name"));
427                                                        }
428                                                        if($('[id="'+ (selected_li.attr('id')? selected_li.attr('id') : "INBOX") + cyrus_delimiter + $(this).val()+'"]').length){
429                                                                $(".folders-loading").removeClass("folders-loading");
430                                                                write_msg(get_lang("Mailbox already exists"));
431                                                                return draw_new_tree_folder();
432                                                        }
433                                                        $(".new_folder").parent().addClass("folders-loading");
434                                                        create_new_folder(($(this).val() != "" ? $(this).val() : get_lang("New Folder")), (selected_li.attr('id')? selected_li.attr('id') : "INBOX"));
435                                                }else if( event.keyCode == 27){
436                                                        draw_new_tree_folder();
437                                                }
438                                        }).focusout(function(){
439                                                draw_new_tree_folder();
440                                        });
441                                });
442                                //FUNÇÃO DO eventNU FLUTUANTE NOVA PASTA < END
443                        }
444                        if(!$(".new_folder").length){
445                                $(this).find(".float-menu:first").css("display", "");
446                        }
447                },
448                function(){
449                        $(this).find(".float-menu:first").hide();
450                }
451        );
452        $("#new_m").html($('.selected').find(".folder_unseen").html() ? $('.selected').find(".folder_unseen").html() : "0").css("color", "red");
453}
Note: See TracBrowser for help on using the repository browser.