source: trunk/contactcenter/js/ccIEContacts.js @ 15

Revision 15, 9.2 KB checked in by niltonneto, 17 years ago (diff)

* empty log message *

  • Property svn:eol-style set to native
  • Property svn:executable set to *
Line 
1        function cIEContacts () {
2                this.win;
3                this.el;               
4                this.wWidth = 395;
5                this.wHeight = 240;
6        }
7       
8        cIEContacts.prototype.changeOptions = function(type){   
9                if(type == 'i') {
10                        Element('export_span').style.display = 'none';
11                        Element('import_span').style.display = '';
12                }
13                else{
14                        Element('import_span').style.display = 'none';
15                        Element('export_span').style.display = '';             
16                }       
17        }
18       
19        cIEContacts.prototype.showList = function(){
20
21                if (!this.el){         
22                        this.el = document.createElement("DIV");
23                        this.el.style.visibility = "hidden";
24                        this.el.style.position = "absolute";
25                        this.el.style.left = "0px";
26                        this.el.style.top = "0px";
27                        this.el.style.width = this.wWidth       + 'px';
28                        this.el.style.height = this.wHeight + 'px';
29                        this.el.id = 'cc_rectIEContacts';
30                        document.body.appendChild(this.el);
31                        this.el.innerHTML =
32                        '<div align="left" id="divAppbox"><table width="100%" border=0>'+
33                        '<tr><td style="border-bottom:1px solid black"><input onclick="javascript:ccIEContacts.changeOptions(this.value)" id="type" type="radio" name="type" value="i" style="border:0" checked>Importar Contatos'+
34                        '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input onclick="javascript:ccIEContacts.changeOptions(this.value)" id="type" type="radio" name="type" style="border:0" value="e"/>Exportar Contatos<br></td></tr>'+
35                        '</table>'+
36                        '<table border=0 height="208px"  width="100%" id="import_span">'+
37                        '<tr><td>'+
38                        '<font color="DARKBLUE" size="2">O Expresso suporta a importação de contatos no formato de arquivo CSV.</font></td></tr>'+
39                        '<tr><td height="75px" valign="top">'+
40                        '<form name="formCSV" method="POST" enctype="multipart/form-data">'+                                                                           
41                        'Selecione o tipo do arquivo:&nbsp;<select id="typeImport">'+
42                        '<option value="outlook">Outlook Express</option>'+
43                        '<option value="outlook2000">Outlook 2000</option>'+
44                        '<option value="thunderbird">Mozilla Thunderbird</option>'+
45                        '<option value="expresso" selected>Expresso (padrão)</option></select><br>'+
46                        '<br>Selecione o arquivo que contém os contatos a serem importados:<br><br>'+                   
47                        '<input id="import_file" type="file" name="import_file">'+
48                        '</form></td></tr>'+
49                        '<tr><td height="10px" align="center" nowrap><span style="visibility:hidden" id="s_info"></span></td></tr>'+
50                        '<tr><td height="10px" align="center"></td></tr>'+
51                        '<tr><td nowrap><center><input id="import_button" type="button" value="Importar Contatos" onClick="javascript:ccIEContacts.importCSV(this)">&nbsp;&nbsp;&nbsp;&nbsp;'+
52                        '<input type="button" value="Fechar" onClick="javascript:ccIEContacts.close()"></center></td></tr>'+
53                        '</table>'+
54                        '<table border=0  height="208px"  width="100%" style="display:none" id="export_span">'+
55                        '<tr><td>'+                                             
56                        '<font color="DARKBLUE" size="2">O Expresso suporta a exportação de contatos no formato de arquivo CSV.</font></td></tr>'+
57                        '<tr><td height="85px" valign="top">'+                                         
58                        'Selecione o tipo do formato que deseja exportar seus contatos:<br><br>'+
59                        '<input style="border:0" id="typeExport_0" name="radio" type="radio" value="expresso" checked/>Exportar como CSV do Expresso (padrão)<br>'+
60                        '<input style="border:0" id="typeExport_1" name="radio" type="radio" value="outlook_pt-BR">Exportar como CSV do Outlook Express (Português)<br>'+
61                        '<input style="border:0" id="typeExport_2" name="radio" type="radio" value="outlook_en">Exportar como CSV do Outlook Express (Inglês)<br>'+
62                        '<input style="border:0" id="typeExport_3" name="radio" type="radio" value="outlook2000_pt-BR">Exportar como CSV do Outlook 2000 (Português)<br>'+
63                        '<input style="border:0" id="typeExport_4" name="radio" type="radio" value="outlook2000_en">Exportar como CSV do Outlook 2000 (Inglês)<br>'+
64                        '<input style="border:0" id="typeExport_5" name="radio" type="radio" value="thunderbird">Exportar como CSV do Mozilla Thunderbird<br>'+
65                        '</td></tr>'+
66                        '<tr><td align="center">&nbsp;</td></tr>'+
67                        '<tr><td nowrap><center><input id="export_button" type="button" value="Exportar Contatos" onClick="javascript:ccIEContacts.exportCSV(this)">&nbsp;&nbsp;&nbsp;&nbsp;'+
68                        '<input type="button" value="Fechar" onClick="javascript:ccIEContacts.close()"></center></td></tr>'+
69                        '</table></div>';
70                }               
71                this.showWindow();
72        }
73               
74        cIEContacts.prototype.showWindow = function ()
75        {                                               
76                if(!this.win) {
77
78                        this.win = new dJSWin({                 
79                                id: 'ccIEContacts',
80                                content_id: this.el.id,
81                                width: (this.wWidth +(is_ie ? 41 : 0))  +'px',
82                                height: this.wHeight +'px',
83                                title_color: '#3978d6',
84                                bg_color: '#eee',
85                                title: "Importar / Exportar Contatos Pessoais",                                         
86                                title_text_color: 'white',
87                                button_x_img: '../phpgwapi/images/winclose.gif',
88                                border: true });
89                       
90                        this.win.draw();                       
91                }
92               
93                this.win.open();
94        }
95       
96        cIEContacts.prototype.importWriteStatus = function(args){
97
98                // array args
99                // args[0] - status (success, error ou importing)
100                // args[1] - numero de contatos novos;
101                // args[2] - numero de contatos falhos;
102                // args[3] - numero de contatos sobrescritos;
103                var form = document.formCSV;
104                var status = '';
105
106                var l_1         = '<font face="Verdana" size="1" color="GREEN">['+args[1]+' novos]</font>';
107                var l_2         = '<font face="Verdana" size="1" color="RED">['+args[2]+' falharam]</font>';
108                var l_3         = '<font face="Verdana" size="1" color="DARKBLUE">['+args[3]+' já existiam]</font>';
109                var l_error     = '<span style="height:15px;background:#cc4444">&nbsp;&nbsp;<font face="Verdana" size="1" color="WHITE">A importação falhou. Verifique o formato do arquivo.&nbsp;</font></span>';
110                var l_importing = '<span style="height:15px;background:rgb(250, 209, 99)">&nbsp;&nbsp;<font face="Verdana" size="1" color="DARKBLUE">Importando contatos ....&nbsp;</font></span>';
111
112                if(args[0] == 'success') {
113
114                        for(i = 1; i < 4; i++) {
115                                status += "&nbsp;"+eval('l_'+i);
116                        }
117                        Element('s_info').innerHTML = '&nbsp;&nbsp;<font face="Verdana" size="1" color="BLACK"><b>A importação foi concluída.</b></font><br>&nbsp;'+status;
118                }
119                else
120                        Element('s_info').innerHTML = eval('l_'+args[0]);
121               
122                Element("s_info").style.visibility = '';
123
124                var recreate_fileupload = function () {
125                        var import_file = document.createElement("INPUT");
126                        import_file.type = "FILE";
127                        import_file.name = "import_file";
128                        import_file.id = "import_file";
129                        form.appendChild(import_file);
130                        Element('import_button').disabled = false;
131                        form.style.visibility = '';
132                }                               
133
134                if(args[0] != 'importing') {
135                        recreate_fileupload();
136                        setTimeout("Element('s_info').style.visibility = 'hidden'", 12000);
137                }
138        }
139       
140        cIEContacts.prototype.importCSV = function ()
141        {               
142                var form = document.formCSV;
143               
144                if ((form.import_file.value.length < 10) ||
145                (form.import_file.value.substring(form.import_file.value.length - 4, form.import_file.value.length) != ".csv")){
146                        alert('Selecione um arquivo CSV válido para importar seus contatos.');
147                        return;
148                }
149               
150                var _this = this;
151                Element('import_button').disabled = true;
152
153                var handler_import = function (responseText){
154                        var args = new Array();
155
156                        var data = unserialize(responseText);
157                        if(data.error)
158                                args[0] = 'error';
159                        else {
160                                args[0] = 'success';
161                                args[1] = data._new ? data._new : 0;
162                                args[2] = data._failure ? data._failure : 0;
163                                args[3] = data._existing ? data._existing : 0;
164                        }
165                        _this.importWriteStatus(args);
166                }               
167
168                if(! (divUpload = Element('divUpload'))) {
169                        divUpload               = document.createElement('DIV');               
170                        divUpload.id    = 'divUpload';
171                        document.body.appendChild(divUpload);
172                }
173
174                divUpload.innerHTML= '<iframe style="display:none;width:0px;height:0px" id="importCSVFile" name="importCSVFile"></iframe>';
175
176                var _onload = function(){
177                        var typeImport = Element('typeImport').value;
178
179                        Connector.newRequest('import_contacts','../index.php?menuaction=contactcenter.ui_data.data_manager&method=import_contacts&typeImport='+typeImport,'GET',handler_import);
180                }
181
182                if (Element('importCSVFile').attachEvent)
183                        Element('importCSVFile').attachEvent("onload", _onload);
184                else
185                        Element('importCSVFile').onload = _onload;
186                                       
187                form.action ="inc/cc_updown.php";
188                form.target ="importCSVFile";           
189                form.submit();
190
191                form.removeChild(form.import_file);
192                form.style.visibility = 'hidden';
193                this.importWriteStatus(new Array('importing'));
194
195        }
196       
197        cIEContacts.prototype.close = function() {
198                this.win.close();
199        }
200       
201        cIEContacts.prototype.exportCSV = function() {
202
203                var handler_export = function(data) {
204                        if(!data){
205                                alert("Ocorreu um erro durante a exportação.");
206                                return;
207                        }                               
208                       
209                        var div_download = document.getElementById("id_div_download");
210       
211                        if (!div_download){
212                                div_download = document.createElement("DIV");
213                                div_download.id="id_div_download";
214                                document.body.appendChild(div_download);
215                        }               
216                        div_download.innerHTML="<iframe style='display:none;width:0;height:0' name='attachment' src='inc/cc_updown.php?&file_name=expresso.csv&file_path="+data+"'></iframe>";
217                        Element('export_button').disabled = false;
218                }               
219                var typeExport = Element("typeExport");
220
221                for(var index = 0; index < 5; index++){
222                        if(Element('typeExport_'+index).checked)
223                                break;
224                }
225
226                Element('export_button').disabled = true;
227                Connector.newRequest('export_contacts', '../index.php?menuaction=contactcenter.ui_data.data_manager&method=export_contacts', 'POST', handler_export, 'typeExport='+Element('typeExport_'+index).value);
228        }
229
230/* Build the Object */
231        var     ccIEContacts = new cIEContacts();
Note: See TracBrowser for help on using the repository browser.