source: trunk/contactcenter/templates/default/full_add.tpl @ 575

Revision 575, 13.0 KB checked in by niltonneto, 12 years ago (diff)

Melhorando tratamento de csv automático.
Resolve também #250

  • Property svn:eol-style set to native
  • Property svn:executable set to *
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=""></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=""></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=""></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=""></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=""></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=""></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=""></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">&nbsp;
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">&nbsp;</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} &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>
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-->
Note: See TracBrowser for help on using the repository browser.