source: sandbox/2.3-MailArchiver/contactcenter/templates/default/corporative_full_add.tpl @ 6779

Revision 6779, 15.4 KB checked in by rafaelraymundo, 12 years ago (diff)

Ticket #2946 - Liberado Expresso(branch 2.3) integrado ao MailArchiver?.
Line 
1{cc_api}
2
3<!-- JS MESSAGES -->
4<!--input id="cc_msg_err_empty_field" type="hidden" value="{cc_msg_err_empty_field}"-->
5<!--input id="cc_msg_err_empty_field_of_contact" type="hidden" value="{cc_msg_err_empty_field_of_contact}"-->
6<!--input id="cc_msg_type_state" type="hidden" value="{cc_msg_type_state}"-->
7<!--input id="cc_msg_type_city" type="hidden" value="{cc_msg_type_city}"-->
8<!-- END JS MESSAGES -->
9
10
11<!-- WINDOW CONTACT -->
12<iframe id="cc_photo_frame" style="position: absolute; top: 0px; left: 0px; visibility:hidden"></iframe>
13<input id="cc_contact_title" type="hidden" value="{cc_contact_title}">
14<input id="cc_contact_personal" type="hidden" value="{cc_contact_personal}">
15<input id="cc_contact_addrs" type="hidden" value="{cc_contact_addrs}">
16<input id="cc_contact_corporative" type="hidden" value="{cc_contact_corporative}">
17<input id="cc_contact_conns" type="hidden" value="{emails_telephones}">
18<input id="cc_pd_full_name" name="{cc_pd_full_name}" type="hidden">
19<input id="cc_pd_sex" name="{cc_pd_sex}" type="hidden">
20<input id="cc_addr_other" name="{cc_addr_other}" type="hidden">
21<input id="cc_addr_po_box" name="{cc_addr_po_box}" type="hidden">
22<input id="cc_contact_type" type="hidden" value="{cc_contact_type}">
23<!-- _PERSONAL DATA -->
24<div id="cc_contact_tab_0" class="row_off div_cc_contact_tab" style="left:-498;top:-347;position: absolute;visibility: hidden;height:197px">
25        <form id="cc_full_add_form_personal">
26        <input id="cc_full_add_contact_id" type="text" style="display: none">
27        <table align="center" width="498px" height="197px" class="row_off" border="0">
28                <tr class="row_off">
29                        <td align="right">{cc_pd_select_photo}:</td>
30                        <td align="left" colspan="2">
31                                <!-- Mozilla Method -->
32                                <input id="cc_pd_select_photo" type="file" accept="image/gif,image/jpeg,image/png" name="cc_pd_photo" onchange="Element('cc_pd_photo').src = 'file://'+Element('cc_pd_select_photo').value">
33                                <!-- IE Method -->
34                                <input id="cc_pd_select_photo_t" type="text" name="cc_pd_select_photo_t" readonly>
35                                <input id="cc_pd_select_photo_b" type="button" style="width: 60px" value="{cc_pd_select_photo_b}" onclick="Element('cc_photo_frame').contentWindow.document.all['cc_photo_input'].click();">
36                        </td>
37                        <td align="center" colspan="2" rowspan="3"><img id="cc_pd_photo" src="templates/default/images/photo.png" border="0" width="60px" height="80px"></td>
38                </tr>
39                <tr class="row_on">
40                        <td align="right">{cc_pd_alias}:</td>
41                        <td align="left" colspan="2"><input id="cc_pd_alias" name="{cc_pd_alias}" type="text" style="width:175px;z-index:-1" value="" maxlength="30"></td>
42                </tr>
43                <tr style="display:none" class="row_off">
44                        <td align="right">{cc_pd_prefix}:</td>
45                        <td align="left" colspan="2"><select id="cc_pd_prefix" name="{cc_pd_prefix}" style="width: 175px;"><option value='0'>{cc_pd_choose_prefix}</option></select></td>
46                </tr>
47                <tr class="row_on">
48                        <td align="right">{cc_pd_given_names}:</td>
49                        <td align="left" colspan="2"><input id="cc_pd_given_names" name="{cc_pd_given_names}" type="text" style="width: 175px;" value="" maxlength="100"></td>
50                </tr>
51                <tr class="row_on">
52                        <td align="right">{cc_pd_family_names}:</td>
53                        <td align="left"><input id="cc_pd_family_names" name="{cc_pd_family_names}" type="text" style="width: 175px;" value="" maxlength="100"></td>
54                        <td align="right">{cc_pd_birthdate}:</td>
55                        <td align="left">
56                                <input id="cc_pd_birthdate_0" style="text-align: center;" title="{cc_pd_birthdate_0}" name="{cc_pd_birthdate_0}" type="text" maxlength="{cc_pd_birth_size_0}" size="{cc_pd_birth_size_0}">
57                                <input id="cc_pd_birthdate_1" style="text-align: center;" title="{cc_pd_birthdate_1}" name="{cc_pd_birthdate_1}" type="text" maxlength="{cc_pd_birth_size_1}" size="{cc_pd_birth_size_1}">
58                                <input id="cc_pd_birthdate_2" style="text-align: center;" title="{cc_pd_birthdate_2}" name="{cc_pd_birthdate_2}" type="text" maxlength="{cc_pd_birth_size_2}" size="{cc_pd_birth_size_2}">
59                        </td>
60                </tr>
61                <tr style="display:none" class="row_off">
62                        <td align="right">{cc_pd_suffix}:</td>
63                        <td align="left" colspan="3"><select id="cc_pd_suffix" name="{cc_pd_suffix}" style="width: 175px;"><option value="0">{cc_pd_choose_suffix}</option></select></td>
64                </tr>
65                <tr class="row_on">
66                        <td align="right">{cc_pd_gpg_finger_print}:</td>
67                        <td colspan="3" align="left"><input id="cc_pd_gpg_finger_print" name="{cc_pd_gpg_finger_print}" type="text" style="width: 350px;" value="" maxlength=""></td>
68                </tr>
69                <tr class="row_off">
70                        <td align="right">{cc_pd_notes}:</td>
71                        <td colspan="3" align="left"><textarea id="cc_pd_notes" name="{cc_pd_notes}" style="width: 350px; height: 180px;"></textarea></td>
72                </tr>
73        </table>
74        </form>
75</div>
76
77<!-- _ADDRESSES -->
78<div id="cc_contact_tab_1" class="row_off div_cc_contact_tab" style="position: absolute; visibility: hidden;height:197px;">
79        <form id="cc_full_add_form_addrs">
80        <table align="center" width="498px" height="197px" border="0">
81                <tr class="row_off">
82                        <td align="right">{cc_addr_types}:</td>
83                        <td align="left" colspan="3">
84                                <select id="cc_addr_types" name="{cc_addr_types}" style="width: 200px;" onchange="updateAddressFields()">
85                                        <option value="_NONE_">{cc_addr_choose_types}</option>
86                                </select>
87                        </td>
88                </tr>
89                <tr class="row_on">
90                        <td align="right">{cc_addr_countries}:</td>
91                        <td align="left" colspan="3">
92                                <select id="cc_addr_countries" name="{cc_addr_countries}" style="width: 200px;" onchange="updateAddrStates()">
93                                        <option value="_NONE_">{cc_addr_choose_countries}</option>
94                                        {cc_addr_country_list}
95                                </select>
96                        </td>
97                </tr>
98                <tr class="row_off">
99                        <td align="right">{cc_addr_states}:</td>
100                        <td align="left" colspan="3">
101                                <select id="cc_addr_states" name="{cc_addr_states}" style="width: 200px;" onchange="updateAddrCities();">
102                                        <option value="_NONE_">{cc_addr_choose_states}</option>
103                                </select>
104                                <input id="cc_addr_states_new" style="display:none;width: 150px;" type="text" onmouseover="updateAddrNewStateOnMouseOver();" onmouseout="updateAddrNewStateOnMouseOut();">
105                        </td>
106                </tr>
107                <tr class="row_on">
108                        <td align="right">{cc_addr_cities}:</td>
109                        <td align="left" colspan="3">
110                                <select id="cc_addr_cities" style="width: 200px;" onchange="updateAddrFillingFields();">
111                                        <option value="_NONE_">{cc_addr_choose_cities}</option>
112                                </select>
113                                <input id="cc_addr_cities_new" style="display:none;width: 150px;" type="text" onmouseover="updateAddrNewCityOnMouseOver();" onmouseout="updateAddrNewCityOnMouseOut();">
114                        </td>
115                </tr>
116                <tr class="row_off">
117                        <td align="right">{cc_addr_1}:</td>
118                        <td align="left"><input id="cc_addr_1" name="{cc_addr_1}" style="width: 200px;" type="text" name="" value="" maxlength="60"></td>
119                        <td align="right">{cc_addr_complement}:</td>
120                        <td align="left"><input id="cc_addr_complement" name="{cc_addr_complement}" style="width: 100px;" type="text" name="" value="" maxlength="30"></td>
121                </tr>
122                <tr class="row_on">
123                        <td align="right">{cc_addr_2}:</td>
124                        <td align="left"><input id="cc_addr_2" name="{cc_addr_2}" style="width: 200px;" type="text" name="" value="" maxlength="60"></td>
125                        <td align="right">{cc_addr_postal_code}:</td>
126                        <td align="left"><input id="cc_addr_postal_code" name="{cc_addr_postal_code}"style="width: 70px;" type="text" name="" value="" maxlength="15"></td>
127                </tr>
128                <tr class="row_off">
129                        <td align="right">{cc_addr_is_default}:</td>
130                        <td colspan="3" align="left"><input id="cc_addr_is_default" type="checkbox" name=""></td>
131                </tr>
132                <tr style="visibility: hidden; position: absolute;">
133                        <td><input id="cc_addr_id" type="hidden"></td>
134                </tr>
135        </table>
136        </form>
137</div>
138
139<!-- _CONNECTIONS -->
140<div id="cc_contact_tab_2" class="row_off div_cc_contact_tab" style="position: absolute; visibility: hidden;height:327px;width:498px">
141        <table align="left" width="100%"  height="327px" border=0>
142        <tbody>
143                <tr class="th" width="100%" align="center" height="10px">
144                        <td width="60px" noWrap><input type="radio"  name="cc_conn_type" id="cc_conn_type_1" value="Email" onclick="javascript:updateConnFields();">{email}</td>
145                        <td width="60px" noWrap><input type="radio" name="cc_conn_type" id="cc_conn_type_2" value="Telefone" onclick="javascript:updateConnFields();">{telephone}</td>
146                        <td width="*" align="left"><select style="width:160px" id="cc_conn_type_sel" onchange="javascript:connAddNewLine();"><option value="-1">{choose_email_telephone}</option></select></td>
147                </tr>
148                <tr class="row_off">                   
149                        <td valign="top" colspan="4" width="100%" style="border: 0px solid black" cellpadding="0" cellspacing="0">
150                                <table align="left" width="100%" style="border: 0px solid black">
151                                <tbody id="cc_conn">&nbsp;
152                                        <!-- Code inside here is inserted dynamically -->
153                                </tbody>                               
154                                </table>
155                        </td>
156                </tr>
157        </tbody>
158        <tbody>
159                <tr>
160                        <td align="center" colspan="4">&nbsp;</td>
161                </tr>
162        </tbody>
163        </table>
164        <div style="z-index:10000;position: absolute;display:none; top: 310px; left: 78px;" id="div_cc_conn_is_default"> {cc_default} &nbsp;<select id="cc_email_default" name="cc_email_default" disabled style="display:none"></select><select id="cc_phone_default" name="cc_phone_default" disabled style="display:none"></select></div>
165</div>
166
167<!-- _Corporative -->
168<div id="cc_contact_tab_3" class="row_off div_cc_contact_tab" style="position: absolute; visibility: hidden;height:165px;width:498px">
169        <form id="cc_full_add_form_corporative">
170        <table align="left" width="100%"  height="165px" border=0>
171            <tr class="row_off">
172                        <td align="right">{cc_name_corporate}:</td>
173                        <td align="left" colspan="2" style="width: 300px;"><input id="cc_name_corporate" name="{cc_name_corporate}" style="width: 200px;" type="text" name="" value="" maxlength="100"></td>                           
174                </tr>
175                <tr class="row_on">
176                        <td align="right">{cc_job_title}:</td>
177                        <td align="left" colspan="2" style="width: 300px;"><input id="cc_job_title" name="{cc_job_title}" style="width: 200px;" type="text" name="" value="" maxlength="40"></td>                       
178                </tr>
179                <tr class="row_off">
180                        <td align="right">{cc_department}:</td>
181                        <td align="left" colspan="2" style="width: 300px;"><input id="cc_department" name="{cc_department}" style="width: 200px;" type="text" name="" value="" maxlength="30"></td>                     
182                </tr>
183                <tr class="row_on">
184                        <td align="right">{cc_web_page}:</td>
185                        <td align="left" colspan="2" style="width: 300px;"><input id="cc_web_page" name="{cc_web_page}" style="width: 200px;" type="text" name="" value="" maxlength="100"></td>                       
186                </tr>
187               
188        <tbody>
189                <tr>
190                        <td align="center" colspan="4">&nbsp;</td>
191                </tr>
192        </tbody>
193        </table>
194        </form>
195</div>
196
197<!-- _BOTTOM BUTTONS -->
198<div align="center" id="cc_contact_tab_buttons" style="position: absolute; visibility: hidden; top: 390px; left: 0px; width: 498px; height: 32px; border: 0px solid black">
199        <table class="row_off" align="center" width="498px" cellpadding="2" cellspacing="0" border="0">
200                <tr class="row_off" id="cc_contact_sharing">
201                        <td >{cc_contact_shared}: </td>
202                        <td colspan="2">
203                                        <select id="cc_contact_shared_types" name="{cc_contact_shared}" style="width: 390px;">
204                                                <option value="_NONE_">{cc_contact_shared_types}</option>
205                                        </select>
206                        </td>
207                </tr>
208        </table>
209        <table class="row_off" align="center" width="498px" cellpadding="2" cellspacing="0" border="0">
210                <tr>
211                        <td align="center">
212                                <input id="cc_contact_save" style="width: 100px;" type="button" value="{cc_contact_save}" onclick="javascript:postFullAdd();">
213                                <input id="cc_contact_reset" style="width: 100px;" type="button" value="{cc_contact_reset}" onclick="javascript:resetFullAdd();">
214                                <input id="cc_contact_cancel" style="width: 100px;" type="button" value="{cc_contact_cancel}" onclick="javascript:closeFullAdd();">
215                        </td>
216                </tr>
217        </table>
218</div>
219
220<script type="text/javascript">
221<!--
222//      Overloading some methods for fix cursor problem in Firefox.
223        if(!is_ie) {
224                dJSWin.prototype.close = function() {           
225                        dJSWin.state = 0;
226                        dd.elements[this.title.id].hide();
227                        if ( dd_div = document.getElementById('divScrollMain'))
228                                Element("divScrollMain").style.overflow = 'auto';       
229                }
230                dJSWin.prototype.open = function() {
231                        this.moveTo(window.innerWidth/2 + window.pageXOffset - dd.elements[this.title.id].w/2,
232                            window.innerHeight/2 + window.pageYOffset - dd.elements[this.clientArea.id].h/2);
233                        dd.elements[this.title.id].maximizeZ();
234                        dd.elements[this.title.id].show();
235                        if ( dd_div = document.getElementById('divScrollMain'))
236                                dd_div.style.overflow = 'hidden';
237                }
238        }       
239               
240        var fullAdd_onload = document.body.onload;
241        var tabs;
242        var fullAddWin;
243        var photo_frame, photo_form, photo_input;       
244
245        __f = function(e)
246        {
247               
248                tabs = new dTabsManager({'id': 'cc_contact_tab', 'width': '500px'});
249               
250                tabs.addTab({'id': 'cc_contact_tab_0',
251                                         'name': Element('cc_contact_personal').value,
252                                         'selectedClass': 'tab_box_active',
253                                         'unselectedClass': 'tab_box'});
254                                         
255                tabs.addTab({'id': 'cc_contact_tab_2',
256                                         'name': Element('cc_contact_conns').value,
257                                         'selectedClass': 'tab_box_active',
258                                         'unselectedClass': 'tab_box'});
259
260                tabs.addTab({'id': 'cc_contact_tab_1',
261                                         'name': Element('cc_contact_addrs').value,
262                                         'selectedClass': 'tab_box_active',
263                                         'unselectedClass': 'tab_box'});
264                                                                                 
265                tabs.addTab({'id': 'cc_contact_tab_3',
266                                         'name': Element('cc_contact_corporative').value,
267                                         'selectedClass': 'tab_box_active',
268                                         'unselectedClass': 'tab_box'});
269               
270                fullAddWin = new dJSWin({'id': 'cc_full_add_window',
271                                         'content_id': 'cc_contact_tab',
272                                         'win_class': 'row_off',
273                                         'width': '500px',
274                                         'height': '420px',
275                                         'title_color': '#3978d6',
276                                         'title': Element('cc_contact_title').value,
277                                         'title_text_color': 'white',
278                                         'button_x_img': Element('cc_phpgw_img_dir').value+'/winclose.gif',
279                                         'include_contents': new Array('cc_contact_tab_0', 'cc_contact_tab_1', 'cc_contact_tab_2','cc_contact_tab_3','cc_contact_tab_buttons'),
280                                         'border': true});
281
282                fullAddWin.draw();             
283                                               
284                if (is_ie)
285                {
286                        Element('cc_photo_frame').src = 'cc_photo_frame.html';
287                        Element('cc_pd_select_photo').style.display='none';
288                        fullAddWin.open();
289                        tabs._showTab('cc_contact_tab_0');
290                        fullAddWin.close();
291                }
292                else
293                {
294                        Element('cc_pd_select_photo_t').style.display='none';
295                        Element('cc_pd_select_photo_b').style.display='none';                   
296                }
297               
298        };
299
300        if (is_ie) // || is_moz1_6)
301        {
302                       
303                document.body.onload = function(e) { setTimeout('__f()', 10); fullAdd_onload ? setTimeout('fullAdd_onload()'): false;};
304        }
305        else
306        {
307//              __f();
308        }
309
310//-->
311</script>
312<!-- END WINDOW CONTACT -->
313
314
315
316
317
318
319
320
321
322
323<!-- RELATIONS
324<div id="cc_contact_tab_3" class="row_off div_cc_contact_tab">
325        <table align="center" width="500px" height="100%" cellpadding="2" cellspacing="0" border="0">
326                <tr class="row_off">
327                        <td align="right"><input style="width: 240px;" type="text"></td>
328                        <td align="left"><input style="width: 150px;" type="button" value="{cc_btn_search}"></td>
329                </tr>
330                <tr class="row_on">
331                        <td align="left">{cc_results}:</td>
332                        <td align="left">{cc_is_my}:</td>
333                </tr>
334                <tr class="row_off">
335                        <td align="right"><select style="width: 240px; height: 150px;" multiple></select></td>
336                        <td align="left"><select id="cc_rels_type" style="width: 240px; height: 150px;" multiple></select></td>
337                </tr>
338                <tr class="row_on">
339                        <td align="right"><input style="width: 150px;" type="button" value="{cc_add_relation}"></td>
340                        <td align="left"><input style="width: 150px;" type="button" value="{cc_del_relation}"></td>
341                </tr>
342                <tr class="row_off">
343                        <td align="center" colspan="2"><select style="width: 480px; height: 120px;" multiple></select></td>
344                </tr>
345        </table>
346</div>
347-->
Note: See TracBrowser for help on using the repository browser.