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

        function cIEContacts () {
                this.win;
                this.el;                
                this.wWidth = 395;
                this.wHeight = 240;
        }
        
        cIEContacts.prototype.changeOptions = function(type){   
                if(type == 'i') {
                        Element('export_span').style.display = 'none';
                        Element('import_span').style.display = '';
                }
                else{
                        Element('import_span').style.display = 'none';
                        Element('export_span').style.display = '';              
                }       
        }
        
        cIEContacts.prototype.showList = function(){

                if (!this.el){          
                        this.el = document.createElement("DIV");
                        this.el.style.visibility = "hidden";
                        this.el.style.position = "absolute";
                        this.el.style.left = "0px";
                        this.el.style.top = "0px";
                        this.el.style.width = this.wWidth       + 'px';
                        this.el.style.height = this.wHeight + 'px';
                        this.el.id = 'cc_rectIEContacts';
                        document.body.appendChild(this.el);
                        this.el.innerHTML = 
                        '<div align="left" id="divAppbox"><table width="100%" border=0>'+
                        '<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'+
                        '&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>'+
                        '</table>'+
                        '<table border=0 height="208px"  width="100%" id="import_span">'+
                        '<tr><td>'+
                        '<font color="DARKBLUE" size="2">O Expresso suporta a importação de contatos no formato de arquivo CSV.</font></td></tr>'+
                        '<tr><td height="75px" valign="top">'+
                        '<form name="formCSV" method="POST" enctype="multipart/form-data">'+                                                                            
                        'Selecione o tipo do arquivo:&nbsp;<select id="typeImport">'+
                        '<option value="outlook">Outlook Express</option>'+
                        '<option value="thunderbird">Mozilla Thunderbird</option>'+
                        '<option value="expresso" selected>Expresso (padrão)</option></select><br>'+
                        '<br>Selecione o arquivo que contém os contatos a serem importados:<br><br>'+                   
                        '<input id="import_file" type="file" name="import_file">'+
                        '</form></td></tr>'+
                        '<tr><td height="10px" align="center" nowrap><span style="visibility:hidden" id="s_info"></span></td></tr>'+
                        '<tr><td height="10px" align="center"></td></tr>'+
                        '<tr><td nowrap><center><input id="import_button" type="button" value="Importar Contatos" onClick="javascript:ccIEContacts.importCSV(this)">&nbsp;&nbsp;&nbsp;&nbsp;'+
                        '<input type="button" value="Fechar" onClick="javascript:ccIEContacts.close()"></center></td></tr>'+
                        '</table>'+
                        '<table border=0  height="208px"  width="100%" style="display:none" id="export_span">'+
                        '<tr><td>'+                                             
                        '<font color="DARKBLUE" size="2">O Expresso suporta a exportação de contatos no formato de arquivo CSV.</font></td></tr>'+
                        '<tr><td height="85px" valign="top">'+                                          
                        'Selecione o tipo do formato que deseja exportar seus contatos:<br><br>'+
                        '<input style="border:0" id="typeExport_0" name="radio" type="radio" value="expresso" checked/>Exportar como CSV do Expresso (padrão)<br>'+
                        '<input style="border:0" id="typeExport_1" name="radio" type="radio" value="outlook_pt-BR">Exportar como CSV do Outlook Express (Português)<br>'+
                        '<input style="border:0" id="typeExport_2" name="radio" type="radio" value="outlook_en">Exportar como CSV do Outlook Express (Inglês)<br>'+
                        '<input style="border:0" id="typeExport_3" name="radio" type="radio" value="thunderbird">Exportar como CSV do Mozilla Thunderbird'+
                        '</td></tr>'+
                        '<tr><td align="center">&nbsp;</td></tr>'+
                        '<tr><td nowrap><center><input id="export_button" type="button" value="Exportar Contatos" onClick="javascript:ccIEContacts.exportCSV(this)">&nbsp;&nbsp;&nbsp;&nbsp;'+
                        '<input type="button" value="Fechar" onClick="javascript:ccIEContacts.close()"></center></td></tr>'+
                        '</table></div>';
                }               
                this.showWindow();
        }
                
        cIEContacts.prototype.showWindow = function ()
        {                                               
                if(!this.win) {

                        this.win = new dJSWin({                 
                                id: 'ccIEContacts',
                                content_id: this.el.id,
                                width: (this.wWidth +(is_ie ? 41 : 0))  +'px',
                                height: this.wHeight +'px',
                                title_color: '#3978d6',
                                bg_color: '#eee',
                                title: "Importar / Exportar Contatos Pessoais",                                         
                                title_text_color: 'white',
                                button_x_img: '../phpgwapi/images/winclose.gif',
                                border: true });
                        
                        this.win.draw();                        
                }
                
                this.win.open();
        }
        
        cIEContacts.prototype.importWriteStatus = function(args){

                // array args
                // args[0] - status (success, error ou importing)
                // args[1] - numero de contatos novos;
                // args[2] - numero de contatos falhos;
                // args[3] - numero de contatos sobrescritos;
                var form = document.formCSV;
                var status = '';

                var l_1         = '<font face="Verdana" size="1" color="GREEN">['+args[1]+' novos]</font>';
                var l_2         = '<font face="Verdana" size="1" color="RED">['+args[2]+' falharam]</font>';
                var l_3         = '<font face="Verdana" size="1" color="DARKBLUE">['+args[3]+' já existiam]</font>';
                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>';
                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>';

                if(args[0] == 'success') {

                        for(i = 1; i < 4; i++) {
                                status += "&nbsp;"+eval('l_'+i);
                        }
                        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;
                }
                else 
                        Element('s_info').innerHTML = eval('l_'+args[0]);
                
                Element("s_info").style.visibility = '';

                var recreate_fileupload = function () {
                        var import_file = document.createElement("INPUT");
                        import_file.type = "FILE";
                        import_file.name = "import_file";
                        import_file.id = "import_file";
                        form.appendChild(import_file);
                        Element('import_button').disabled = false;
                        form.style.visibility = '';
                }                               

                if(args[0] != 'importing') {
                        recreate_fileupload();
                        setTimeout("Element('s_info').style.visibility = 'hidden'", 12000);
                }
        }
        
        cIEContacts.prototype.importCSV = function ()
        {               
                var form = document.formCSV;
                
                if ((form.import_file.value.length < 10) || 
                (form.import_file.value.substring(form.import_file.value.length - 4, form.import_file.value.length) != ".csv")){
                        alert('Selecione um arquivo CSV válido para importar seus contatos.');
                        return;
                }
                
                var _this = this;
                Element('import_button').disabled = true;

                var handler_import = function (responseText){
                        var args = new Array();

                        var data = unserialize(responseText);
                        if(data.error)
                                args[0] = 'error';
                        else {
                                args[0] = 'success';
                                args[1] = data._new ? data._new : 0;
                                args[2] = data._failure ? data._failure : 0;
                                args[3] = data._existing ? data._existing : 0;
                        }
                        _this.importWriteStatus(args);
                }               

                if(! (divUpload = Element('divUpload'))) {
                        divUpload               = document.createElement('DIV');                
                        divUpload.id    = 'divUpload';
                        document.body.appendChild(divUpload);
                }

                divUpload.innerHTML= '<iframe style="display:none;width:0px;height:0px" id="importCSVFile" name="importCSVFile"></iframe>';

                var _onload = function(){
                        var typeImport = Element('typeImport').value;

                        Connector.newRequest('import_contacts','../index.php?menuaction=contactcenter.ui_data.data_manager&method=import_contacts&typeImport='+typeImport,'GET',handler_import);
                }

                if (Element('importCSVFile').attachEvent)
                        Element('importCSVFile').attachEvent("onload", _onload);
                else
                        Element('importCSVFile').onload = _onload;
                                        
                form.action ="inc/cc_updown.php";
                form.target ="importCSVFile";           
                form.submit();

                form.removeChild(form.import_file);
                form.style.visibility = 'hidden';
                this.importWriteStatus(new Array('importing'));

        }
        
        cIEContacts.prototype.close = function() {
                this.win.close();
        }
        
        cIEContacts.prototype.exportCSV = function() {

                var handler_export = function(data) {
                        if(!data){
                                alert("Ocorreu um erro durante a exportação.");
                                return;
                        }                               
                        
                        var div_download = document.getElementById("id_div_download");
        
                        if (!div_download){
                                div_download = document.createElement("DIV");
                                div_download.id="id_div_download";
                                document.body.appendChild(div_download);
                        }               
                        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>";
                        Element('export_button').disabled = false;
                }               
                var typeExport = Element("typeExport");

                for(var index = 0; index < 4; index++){
                        if(Element('typeExport_'+index).checked)
                                break;                  
                }

                Element('export_button').disabled = true;
                Connector.newRequest('export_contacts', '../index.php?menuaction=contactcenter.ui_data.data_manager&method=export_contacts', 'POST', handler_export, 'typeExport='+Element('typeExport_'+index).value);
        }

/* Build the Object */
        var     ccIEContacts = new cIEContacts();