source: trunk/contactcenter/js/cc_search.js @ 5590

Revision 5590, 12.4 KB checked in by angelo, 12 years ago (diff)

Ticket #2506 - Comportamento estranho do botao Busca avancada

  • 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 + ':';
209
210                var btn = this.DOMbtn.cloneNode(true);
211
212                this.DOMAdv.type = 'button';
213//              this.DOMAdv.style.padding = '1px';
214                this.DOMAdv.value = 'Busca Avancada';
215                this.DOMAdv.id = 'advanced';
216                this.DOMAdv.style.display = 'none';
217                this.DOMAdv.onclick = function()
218                {
219                    var target = document.getElementById( 'Layer2' );
220
221                    if( !target.innerHTML )
222                    {
223                        var items = [];
224                        target.style.width = '';
225
226                        var config = [ { "cn":"Nome", "uid":"Matricula" }, advanced_search_fields ];
227
228                        for( var i = 0, counter = 2; i < config.length; i++ )
229                            for( attr in config[i] )
230                                items[counter++] = "<tr><td style='padding: 3px'>"+config[i][attr]+"</td><td style='padding: 5px;'><input type='text' name='advanced_search' label='"+attr+"'><br></td></tr>";
231
232                        var itemH = document.createElement('DIV');
233
234                        itemH.innerHTML = items ? '<table>' + items.join("") + '</table>' : '';
235                        target.appendChild( itemH );
236
237                        target.style.left = "507px";
238
239                        var holder = document.createElement('DIV');
240                        holder.setAttribute('align','center');
241
242                        var exact_search = document.createElement('input');
243                        exact_search.type = 'checkbox';
244                        exact_search.id = 'exact_search';
245                        exact_search.setAttribute( "checked", "checked" );
246
247                        var label_exact_search = document.createElement('label');
248                        label_exact_search.setAttribute( "rel", exact_search.id );
249                        label_exact_search.innerHTML = 'Busca Exata';
250
251                        btn.onclick = function(){ _this.go(); };
252                        var closeBtn = document.createElement('input');
253                        closeBtn.value = 'Fechar';
254                        closeBtn.type = 'button';
255                        closeBtn.onclick = function(){
256                            win.close();
257                            document.getElementById('overlay').style.visibility = 'hidden';
258                        };
259                       
260                        holder.appendChild( exact_search );
261                        holder.appendChild( label_exact_search );
262                        holder.appendChild( spacer.cloneNode(false) );
263                        holder.appendChild( btn );
264                        holder.appendChild( spacer.cloneNode(false) );
265                        holder.appendChild( closeBtn );
266                        holder.appendChild( spacer.cloneNode(false) );
267
268                        holder.style.padding = '5px';
269                        target.style.padding = '5px';
270
271                        target.appendChild( holder );
272                       
273                        this.win = win = new dJSWin({
274                                        id: 'ccSearch_Layer2',
275                                        content_id: 'Layer2',
276                                        width: '255px',
277                                        height: ( counter * 31 ) +'px',
278                                        title_color: '#3978d6',
279                                        bg_color: '#eee',
280                                        title: Element('cc_cs_title').value,                                           
281                                        title_text_color: 'white',
282                                        button_x_img: Element('cc_phpgw_img_dir').value+'/winclose.gif',
283                                        border: true });
284
285                        this.win.draw();
286                    }
287
288                    this.win.open();
289                };
290
291                this.DOMprogHold.style.position = 'absolute';
292                this.DOMprogHold.style.top = params['progress_top'] ? params['progress_top'] : '0px';
293                this.DOMprogHold.style.left = params['progress_left'] ? params['progress_left'] : '0px';
294                this.DOMprogHold.style.fontWeight = 'bold';
295                this.DOMprogHold.style.width = params['progress_width'] ? params['progress_width'] : '200px';
296
297                if (params['progress_color'])
298                        this.DOMprogHold.style.color = params['progress_color'];
299               
300                this.DOMresult.style.position = 'absolute';
301                this.DOMresult.style.top = params['progress_top'] ? params['progress_top'] : '0px';
302                this.DOMresult.style.left = params['progress_left'] ? params['progress_left'] : '0px';
303                this.DOMresult.style.fontWeight = 'bold';
304                this.DOMresult.style.width = params['progress_width'] ? params['progress_width'] : '200px';
305
306                if (params['progress_color'])
307                        this.DOMresult.style.color = params['progress_color'];
308
309                this.DOMholder.appendChild(this.DOMdiv);       
310                this.DOMdiv.appendChild(this.DOMfields);
311                this.DOMdiv.appendChild(this.DOMbtn2);
312                this.DOMdiv.appendChild(this.DOMinput);
313                if(v_label != false &  v_atrib != false)
314                    {
315                        this.DOMdiv.appendChild(this.DOMbtn3)
316                        this.DOMdiv.appendChild(this.DOMinputx);
317                    }
318                this.DOMdiv.appendChild(spacer);
319                this.DOMdiv.appendChild(this.DOMbtn);
320                this.DOMdiv.appendChild(spacer.cloneNode(false));
321                this.DOMdiv.appendChild(this.DOMAdv);
322                this.DOMdiv.appendChild(this.DOMprogHold);
323                this.DOMdiv.appendChild(this.DOMresult);
324        }
325       
326        ccSearchClass.prototype.go = function()
327        {
328                var data = new Array();
329               
330                this.DOMresult.innerHTML = '';
331
332                //TODO: Make Generic!
333                var type = Element('cc_type_contact').value;
334               
335                data['fields']           = new Array();
336               
337                if (type == 'groups') {
338                        data['fields']['id']     = 'group.id_group';                   
339                        data['fields']['search'] = 'group.title';
340                }               
341                else {                 
342                        data['fields']['id']     = 'contact.id_contact';               
343                        data['fields']['search'] = 'contact.names_ordered';                                     
344                }
345               
346                data['search_for']       = this.DOMinput.value;
347
348//                 var customFilter = '(mail=*@mail.prognus*)(uid=*c120455*)';
349
350                var customFilterDiv = document.getElementById( 'Layer2' );
351
352                if( customFilterDiv && customFilterDiv.style.visibility !== 'hidden' )
353                {
354                    var customFilter = cn = '';
355               
356                    var values = document.getElementsByName('advanced_search');
357
358                    for( var i = 0; i < values.length; i++ )
359                    {
360                        if( !values[i].value ) continue;
361                       
362                        if( values[i].getAttribute('label') === 'cn' )
363                        {
364                            cn = values[i].value;
365                            continue;
366                        }
367
368                        customFilter += '(' + values[i].getAttribute('label') + '=*' + values[i].value.replace( / /g, '*' ) + '*)';
369                    }
370
371                    if( customFilter )
372                    {
373                        if( document.getElementById('exact_search').checked )
374                            data['exact'] = 'true';
375
376                        data['search_for'] = customFilter;
377                        data['CN'] = cn;
378                        data['custom_filter'] = true;
379                    }
380                    else
381                        data['search_for'] = cn;
382
383                    win.close();
384                    document.getElementById('overlay').style.visibility = 'hidden';
385                }
386               
387//              var search_for = data['search_for'].split(' ');
388//              var greaterThan4 = false;
389//                var use_length = v_min;
390
391//                if (search_for.length == 1)
392//                    {
393//                        if(search_for[0].length == 0)
394//                            {
395//                                search_for[0] = "*";
396//                                data['search_for'] = "*";
397//                                use_length = 1;
398//                            }
399//                    }
400
401//              for (i = 0; i < search_for.length; i++)
402//              {
403//                      if (search_for[i].length >= use_length)
404//                      {
405//                              greaterThan4 = true;
406//                      }
407//              }
408
409//              if (!greaterThan4){
410//                      alert("Favor fazer a consulta com pelo menos " + v_min + " caracteres!");
411//                      return;
412//              }
413
414                var _this = this;
415               
416                var handler = this.mount_handler;
417        this.Connector.newRequest('search', CC_url+'search&data='+serialize(data), 'GET', handler);
418        }
Note: See TracBrowser for help on using the repository browser.