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