source: sandbox/2.2.0.2/contactcenter/js/cc_search.js @ 4544

Revision 4544, 12.6 KB checked in by airton, 13 years ago (diff)

Ticket #1954 - Implementação de busca avançada no contactcenter

  • Property svn:eol-style set to native
  • Property svn:executable set to *
Line 
1  /***************************************************************************\
2  * eGroupWare - Contacts Center                                              *
3  * http://www.egroupware.org                                                 *
4  * Written by:                                                               *
5  *  - Raphael Derosso Pereira <raphaelpereira@users.sourceforge.net>         *
6  *  sponsored by Thyamad - http://www.thyamad.com                            *
7  * ------------------------------------------------------------------------- *
8  *  This program is free software; you can redistribute it and/or modify it  *
9  *  under the terms of the GNU General Public License as published by the    *
10  *  Free Software Foundation; either version 2 of the License, or (at your   *
11  *  option) any later version.                                               *
12  \***************************************************************************/
13
14        /*
15         * ContactCenter API - Search for Entries Window
16         */
17
18        function ccSearchClass(params)
19        {
20                if (!params || typeof(params) != 'object')
21                {
22                        return false;
23                }
24
25                this.mount_handler = function (responseText)
26                {
27                        var data = new Array();
28                        data = unserialize(responseText);
29                       
30                        if( !data )
31                                return false;
32
33                        if( data[0] == 0 )
34                        {
35                                if (_this.onSearchFinish)
36                                        _this.onSearchFinish(null);
37                                return false;
38                        }
39                       
40                        if (data[3].length > 300)
41                        {
42                                alert("Mais de 300 resultados foram retornados! \n Favor refinar sua busca.");
43
44                                if (_this.onSearchFinish)
45                                        _this.onSearchFinish(null);
46
47                                return false;
48                        }
49                       
50                        ccSearchUpdate();
51       
52                        letter = 'search';
53
54                        if ( letter != CC_actual_letter )
55                        {
56                                CC_actual_page = '1';
57                        }
58                        else
59                        {
60                                CC_actual_page = parseInt(data[1]);
61                        }
62       
63                        CC_actual_letter = letter;
64       
65                        if (CC_max_cards[0] == 0)
66                        {
67                                if(CC_visual == 'cards')
68                                        drawCards(0);
69                                else if(CC_visual == 'table')
70                                        drawTable(0);
71       
72                                setPages(0,0);
73                                return;
74                        }
75       
76                        if (data[0] == '0')
77                        {
78                                Element('cc_type_contact').value = data[1];
79                                CC_npages = 0;
80                                CC_actual_page = 1;
81                                if(CC_visual == 'cards')
82                                        drawCards(0);
83                                else if(CC_visual == 'table')
84                                        drawTable(0);
85                                setPages(0,0);
86                                return;
87                        }
88                        else
89                        {
90                                Element('cc_type_contact').value = data[10];
91                        }
92       
93                        if (typeof(data) != 'object')
94                        {
95                                showMessage(Element('cc_msg_err_contacting_server').value);
96                                return;
97                        }
98       
99                        if (typeof(data[3]) == 'object')
100                        {
101                                CC_npages = parseInt(data[0]);
102                                CC_actual_page = parseInt(data[1]);
103                                if(CC_visual == 'cards')
104                                        drawCards(data[3].length, data[10]);
105                                else if(CC_visual == 'table')
106                                        drawTable(data[3].length, data[10]);
107                                resizeWindow();
108                                populateCards(data, data[10]);
109                                setPages(data[0], data[1]);
110                        }
111                        else if (data['error'])
112                        {
113                                showMessage(data['error']);
114                        }
115                        else
116                        {
117                                showMessage(Element('cc_msg_err_contacting_server').value);
118                                return;
119                        }
120                };
121
122
123                /* Attributes */
124                this.onSearchFinish = null;
125                this.onClose = null;
126                this.onOpen = null;
127                this.DOMholder = params['holder'];
128                this.DOMdiv = document.createElement('div');
129                this.DOMfields = document.createElement('select');
130                this.DOMinput = document.createElement('input');
131                this.DOMbtn = document.createElement('input');
132                this.DOMAdv = document.createElement('input');
133                this.DOMbtn2 = document.createElement('input');
134                this.DOMbtn3 = document.createElement('input');
135                this.DOMinputx = document.createElement('input');
136                this.DOMprogHold = document.createElement('div');
137                this.DOMresult = document.createElement('div');
138
139                this.Connector = params['Connector'];
140                this.Connector.setProgressContent(1, params['conn_1_msg']);
141                this.Connector.setProgressContent(2, params['conn_2_msg']);
142                this.Connector.setProgressContent(3, params['conn_3_msg']);
143                this.Connector.setProgressHolder(this.DOMprogHold);
144
145                /* Initialization */
146                var _this = this;
147                var spacer = document.createTextNode(' ');
148
149                this.DOMdiv.style.position = 'relative';
150                this.DOMdiv.style.display = 'inline';
151                this.DOMdiv.style.width    = params['total_width'] ? params['total_width'] : params['input_width'] ? parseInt(params['input_width'])+210 + 'px' : '300px';
152                //this.DOMdiv.style.height   = '25px';
153
154                this.DOMfields.style.width = '50px';
155                this.DOMfields.style.display = 'none';
156                this.DOMfields.style.position = 'absolute';
157                this.DOMfields.style.visibility = 'hidden';
158                //this.DOMfields.style.height = parseInt(this.DOMdiv.style.height)/2 + 'px';
159
160                this.DOMinput.type = 'text';
161                this.DOMinput.value = params['value'] ? params['value'] : '';
162                this.DOMinput.id = 'DOMinput';
163                this.DOMinput.style.width = params['input_width'] ? params['input_width'] : '200px';
164                this.DOMinput.onkeypress = function (e) {
165                                if (is_ie)
166                                {
167                                        if (window.event.keyCode == 13) _this.go();
168                                }
169                                else
170                                {
171                                        if (e.which == 13) _this.go();
172                                }
173                        };
174
175                this.DOMinputx.type = 'text';
176                this.DOMinputx.value = params['value'] ? params['value'] : '';
177                this.DOMinputx.id = 'DOMinputx';
178                this.DOMinputx.style.width = '100px';
179                this.DOMinputx.onkeypress = function (e) {
180                                if (is_ie)
181                                {
182                                        if (window.event.keyCode == 13) _this.go();
183                                }
184                                else
185                                {
186                                        if (e.which == 13) _this.go();
187                                }
188                        };
189
190                //this.DOMinput.style.height = parseInt(this.DOMdiv.style.height)/2 + 'px';
191
192                this.DOMbtn.type = 'button';
193                //this.DOMbtn.style.height = parseInt(this.DOMdiv.style.height)/2 + 'px';
194//              this.DOMbtn.style.width = '60px';
195                this.DOMbtn.value = params['button_text'];
196                this.DOMbtn.onclick = function () {_this.go();};
197
198                this.DOMbtn2.type = 'text';
199                //this.DOMbtn2.style.height = parseInt(this.DOMdiv.style.height)/2 + 'px';
200                this.DOMbtn2.style.width = '60px';
201                this.DOMbtn2.disabled = 'disabled';
202                this.DOMbtn2.value = 'Nome:';
203
204                this.DOMbtn3.type = 'text';
205                //this.DOMbtn3.style.height = parseInt(this.DOMdiv.style.height)/2 + 'px';
206                this.DOMbtn3.style.width = '60px';
207                this.DOMbtn3.disabled = 'disabled';
208                this.DOMbtn3.value =  v_label + ':';
209var btn = this.DOMbtn.cloneNode(true);
210
211                var btn = this.DOMbtn.cloneNode(true);
212
213                this.DOMAdv.type = 'button';
214//              this.DOMAdv.style.padding = '1px';
215                this.DOMAdv.value = 'Busca Avancada';
216                this.DOMAdv.id = 'advanced';
217                this.DOMAdv.onclick = function()
218                {
219                    var target = document.getElementById( 'Layer2' );
220
221                    if( !target.innerHTML )
222                    {
223                        var overlay = document.createElement( 'DIV' );
224
225                        var items = target.style.width = overlay.innerHTML = '';
226
227                        var config = { "cn":"Nome", "uid":"Matricula" };
228
229                        for( attr in config )
230                            items += "<tr><td style='padding: 3px'>"+config[attr]+"</td><td style='padding: 5px;'><input type='text' name='advanced_search' label='"+attr+"'><br></td></tr>";
231
232                        for( attr in advanced_search_fields )
233                            items += "<tr><td style='padding: 3px'>"+advanced_search_fields[attr]+"</td><td style='padding: 5px;'><input type='text' name='advanced_search' label='"+attr+"'><br></td></tr>";
234                       
235                        var itemH = document.createElement('DIV');
236
237                        itemH.innerHTML = items ? '<table>' + items + '</table>' : '';
238                        target.appendChild( itemH );
239
240                        target.style.left = "507px";
241
242                        var holder = document.createElement('DIV');
243                        holder.setAttribute('align','center');
244
245                        var exact_search = document.createElement('input');
246                        exact_search.type = 'checkbox';
247                        exact_search.id = 'exact_search';
248                        exact_search.setAttribute( "checked", "checked" );
249
250                        var label_exact_search = document.createElement('label');
251                        label_exact_search.setAttribute( "rel", exact_search.id );
252                        label_exact_search.innerHTML = 'Busca Exata';
253
254                        btn.onclick = function(){ _this.go(); };
255                        var closeBtn = document.createElement('input');
256                        closeBtn.value = 'Fechar';
257                        closeBtn.type = 'button';
258                        closeBtn.onclick = function(){
259                            document.getElementById('Layer2').style.visibility = 'hidden';
260                            document.getElementById('overlay').style.visibility = 'hidden';
261                        };
262                       
263                        holder.appendChild( exact_search );
264                        holder.appendChild( label_exact_search );
265                        holder.appendChild( spacer.cloneNode(false) );
266                        holder.appendChild( btn );
267                        holder.appendChild( spacer.cloneNode(false) );
268                        holder.appendChild( closeBtn );
269                        holder.appendChild( spacer.cloneNode(false) );
270
271                        holder.style.padding = '5px';
272                        target.style.padding = '5px';
273
274                        target.appendChild( holder );
275                    }
276
277                    var overlay = document.getElementById('overlay');
278
279                    overlay.style.visibility = ( overlay.style.visibility === 'hidden' ? 'visible' : 'hidden' );
280
281                    var pos = findPosY( this );
282
283                    with( target.style )
284                    {
285                        if( !visibility || visibility === 'visible' )
286                            visibility = 'hidden';
287                        else
288                        {
289                            visibility = 'visible';
290                           top = 19 + pos + "px";
291                        }
292                    }
293                };
294
295                this.DOMprogHold.style.position = 'absolute';
296                this.DOMprogHold.style.top = params['progress_top'] ? params['progress_top'] : '0px';
297                this.DOMprogHold.style.left = params['progress_left'] ? params['progress_left'] : '0px';
298                this.DOMprogHold.style.fontWeight = 'bold';
299                this.DOMprogHold.style.width = params['progress_width'] ? params['progress_width'] : '200px';
300
301                if (params['progress_color'])
302                        this.DOMprogHold.style.color = params['progress_color'];
303               
304                this.DOMresult.style.position = 'absolute';
305                this.DOMresult.style.top = params['progress_top'] ? params['progress_top'] : '0px';
306                this.DOMresult.style.left = params['progress_left'] ? params['progress_left'] : '0px';
307                this.DOMresult.style.fontWeight = 'bold';
308                this.DOMresult.style.width = params['progress_width'] ? params['progress_width'] : '200px';
309
310                if (params['progress_color'])
311                        this.DOMresult.style.color = params['progress_color'];
312
313                this.DOMholder.appendChild(this.DOMdiv);       
314                this.DOMdiv.appendChild(this.DOMfields);
315                this.DOMdiv.appendChild(this.DOMbtn2);
316                this.DOMdiv.appendChild(this.DOMinput);
317                if(v_label != false &  v_atrib != false)
318                    {
319                        this.DOMdiv.appendChild(this.DOMbtn3)
320                        this.DOMdiv.appendChild(this.DOMinputx);
321                    }
322                this.DOMdiv.appendChild(spacer);
323                this.DOMdiv.appendChild(this.DOMbtn);
324                this.DOMdiv.appendChild(spacer.cloneNode(false));
325                this.DOMdiv.appendChild(this.DOMAdv);
326                this.DOMdiv.appendChild(this.DOMprogHold);
327                this.DOMdiv.appendChild(this.DOMresult);
328        }
329       
330        ccSearchClass.prototype.go = function()
331        {
332                var data = new Array();
333               
334                this.DOMresult.innerHTML = '';
335
336                //TODO: Make Generic!
337                var type = Element('cc_type_contact').value;
338               
339                data['fields']           = new Array();
340               
341                if (type == 'groups') {
342                        data['fields']['id']     = 'group.id_group';                   
343                        data['fields']['search'] = 'group.title';
344                }               
345                else {                 
346                        data['fields']['id']     = 'contact.id_contact';               
347                        data['fields']['search'] = 'contact.names_ordered';                                     
348                }
349               
350                data['search_for']       = this.DOMinput.value;
351
352//                 var customFilter = '(mail=*@mail.prognus*)(uid=*c120455*)';
353
354                var customFilterDiv = document.getElementById( 'Layer2' );
355
356                if( customFilterDiv && customFilterDiv.style.visibility !== 'hidden' )
357                {
358                    var customFilter = cn = '';
359               
360                    var values = document.getElementsByName('advanced_search');
361
362                    for( var i = 0; i < values.length; i++ )
363                    {
364                        if( !values[i].value ) continue;
365                       
366                        if( values[i].getAttribute('label') === 'cn' )
367                        {
368                            cn = values[i].value;
369                            continue;
370                        }
371
372                        customFilter += '(' + values[i].getAttribute('label') + '=*' + values[i].value.replace( / /g, '*' ) + '*)';
373                    }
374
375                    if( customFilter )
376                    {
377                        if( document.getElementById('exact_search').checked )
378                            data['exact'] = 'true';
379
380                        data['search_for'] = customFilter;
381                        data['CN'] = cn;
382                        data['custom_filter'] = true;
383                    }
384                    else
385                        data['search_for'] = cn;
386
387                    customFilterDiv.style.visibility = 'hidden';
388                    document.getElementById('overlay').style.visibility = 'hidden';
389                }
390               
391//              var search_for = data['search_for'].split(' ');
392//              var greaterThan4 = false;
393//                var use_length = v_min;
394
395//                if (search_for.length == 1)
396//                    {
397//                        if(search_for[0].length == 0)
398//                            {
399//                                search_for[0] = "*";
400//                                data['search_for'] = "*";
401//                                use_length = 1;
402//                            }
403//                    }
404
405//              for (i = 0; i < search_for.length; i++)
406//              {
407//                      if (search_for[i].length >= use_length)
408//                      {
409//                              greaterThan4 = true;
410//                      }
411//              }
412
413//              if (!greaterThan4){
414//                      alert("Favor fazer a consulta com pelo menos " + v_min + " caracteres!");
415//                      return;
416//              }
417
418                var _this = this;
419               
420                var handler = this.mount_handler;
421        this.Connector.newRequest('search', CC_url+'search&data='+serialize(data), 'GET', handler);
422        }
Note: See TracBrowser for help on using the repository browser.