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

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