2 <div class="generic-page-wrapper">
3 {{include file="section_title.tpl" title=$banner}}
5 {{* The actions dropdown which can performed to the current profile *}}
6 <div id="profile-edit-links">
7 <ul class="nav nav-pills preferences">
8 <li class="dropdown pull-right">
9 <button type="button" class="btn btn-link btn-sm dropdown-toggle" id="profile-edit-links-dropdown" data-toggle="dropdown" aria-expanded="false">
10 <i class="fa fa-angle-down" aria-hidden="true"></i> {{$profile_action}}
12 <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="profile-edit-links-dropdown">
13 <li role="presentation"><a role="menuitem" href="{{$profpiclink}}" id="profile-photo_upload-link" title="{{$profpic|escape:'html'}}"><i class="fa fa-user" aria-hidden="true"></i> {{$profpic}}</a></li>
14 <li role="presentation"><button role="menuitem" type="button" class="btn-link" id="profile-photo_upload-link-new" title="{{$lbl_profile_photo|escape:'html'}}" onclick="openClose('profile-photo-upload-section');"><i class="fa fa-user" aria-hidden="true"></i> {{$lbl_profile_photo}}</button></li>
16 <li role="presentation" class="nav-item"><a role="menuitem" href="profperm/{{$profile_id}}" id="profile-edit-visibility-link" title="{{$editvis}}"><i class="fa fa-pencil" aria-hidden="true"></i> {{$editvis}}</a>
19 <li role="presentation" class="divider"></li>
20 <li role="presentation"><a role="menuitem" href="profile/{{$profile_id}}/view?tab=profile" id="profile-edit-view-link" title="{{$viewprof|escape:'html'}}">{{$viewprof}}</a></li>
21 <li role="presentation"><a role="menuitem" href="profiles" id="profile-edit-view-link" title="{{$viewallprof|escape:'html'}}">{{$viewallprof}}</a></li>
22 {{if $profile_clone_link}}
23 <li role="presentation" class="divider"></li>
24 <li role="presentation"><a role="menuitem" href="{{$profile_clone_link}}" id="profile-edit-clone-link" title="{{$cr_prof|escape:'html'}}">{{$cl_prof}}</a></li>
27 <li role="presentation" class="divider"></li>
28 <li role="presentation"><a role="menuitem" href="{{$profile_drop_link}}" id="profile-edit-drop-link" title="{{$del_prof|escape:'html'}}"><i class="fa fa-trash" aria-hidden="true"></i> {{$del_prof}}</a></li>
36 <div id="profile-edit-links-end"></div>
38 <form enctype="multipart/form-data" action="profile_photo" method="post">
39 <input type='hidden' name='form_security_token' value='{{$form_security_token_photo}}'>
40 <input type="hidden" name="profile" value="{{$profile_name.2}}" />
42 <div id="profile-photo-upload-section" class="panel">
43 <a id="profile-photo-upload-close" class="close pull-right" onclick="openClose('profile-photo-upload-section');"><i class="fa fa-times" aria-hidden="true"></i></a>
44 <div id="profile-photo-upload-wrapper">
45 <label id="profile-photo-upload-label" for="profile-photo-upload">{{$lbl_profile_photo}}:</label>
46 <input name="userfile" type="file" id="profile-photo-upload" size="48" />
49 <div class="profile-edit-submit-wrapper pull-right" >
50 <button type="submit" name="submit" class="profile-edit-submit-butto btn btn-primary" value="{{$submit}}">{{$submit}}</button>
52 <div class="clear"></div>
56 {{* Most of the Variables used below are arrays in the following style
57 0 => Some kind of identifier (e.g. for the ID)
58 1 => The label description
60 3 => The additional help text (if available)
63 <form id="profile-edit-form" name="form1" action="profiles/{{$profile_id}}" method="post" >
64 <input type='hidden' name='form_security_token' value='{{$form_security_token}}'>
66 {{* Some hints to characteristics of the current profile (if available) *}}
68 <div class="section-content-info-wrapper">{{$default}}</div>
71 {{* friendica differs in $detailled_profile (all fields available and a short Version if this is variable false *}}
72 {{if $detailled_profile}}
73 <div class="panel-group panel-group-settings" id="profile-edit-wrapper" role="tablist" aria-multiselectable="true">
74 {{* The personal settings *}}
76 <div class="section-subtitle-wrapper" role="tab" id="personal">
78 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#profile-edit-wrapper" href="#personal-collapse" aria-expanded="true" aria-controls="personal-collapse">
79 {{$lbl_personal_section}}
83 {{* for the $detailled_profile we use bootstraps collapsable panel-groups to have expandable groups *}}
84 <div id="personal-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="personal">
85 <div class="section-content-tools-wrapper">
86 {{include file="field_yesno.tpl" field=$details}}
88 {{include file="field_input.tpl" field=$profile_name}}
90 {{include file="field_input.tpl" field=$name}}
92 {{include file="field_input.tpl" field=$pdesc}}
95 <div id="profile-edit-gender-wrapper" class="form-group field select">
96 <label id="profile-edit-gender-label" for="gender-select" >{{$lbl_gender}} </label>
99 <div class="clear"></div>
105 <div class="form-group pull-right" >
106 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
108 <div class="clear"></div>
113 {{* The location settings *}}
115 <div class="section-subtitle-wrapper" role="tab" id="location">
117 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#profile-edit-wrapper" href="#location-collapse" aria-expanded="false" aria-controls="location-collapse">
118 {{$lbl_location_section}}
122 <div id="location-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="location">
123 <div class="section-content-tools-wrapper">
124 {{include file="field_input.tpl" field=$address}}
126 {{include file="field_input.tpl" field=$locality}}
129 {{include file="field_input.tpl" field=$postal_code}}
131 <div id="profile-edit-country-name-wrapper" class="form-group field select">
132 <label id="profile-edit-country-name-label" for="profile-edit-country-name" >{{$country_name.1}} </label>
133 <select name="country_name" id="profile-edit-country-name" class="form-control" onChange="Fill_States('{{$region.2}}');">
134 <option selected="selected" >{{$country_name.2}}</option>
135 <option>temp</option>
138 <div class="clear"></div>
140 <div id="profile-edit-region-wrapper" class="form-group field select">
141 <label id="profile-edit-region-label" for="profile-edit-region" >{{$region.1}} </label>
142 <select name="region" id="profile-edit-region" class="form-control" onChange="Update_Globals();" >
143 <option selected="selected" >{{$region.2}}</option>
144 <option>temp</option>
147 <div class="clear"></div>
149 {{include file="field_input.tpl" field=$hometown}}
151 <div class="form-group pull-right" >
152 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
154 <div class="clear"></div>
159 {{* The settings for relations *}}
161 <div class="section-subtitle-wrapper" role="tab" id="relation">
163 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#profile-edit-wrapper" href="#relation-collapse" aria-expanded="false" aria-controls="relation-collapse">
164 {{$lbl_relation_section}}
168 <div id="relation-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="relation">
169 <div class="section-content-tools-wrapper">
170 <div id="profile-edit-marital-wrapper" class="form-group field select" >
171 <label id="profile-edit-marital-label" for="profile-edit-marital" >{{$lbl_marital}}</label>
172 {{$marital.selector}}
174 <div class="clear"></div>
176 {{include file="field_input.tpl" field=$with}}
178 {{include file="field_input.tpl" field=$howlong}}
180 <div id="profile-edit-sexual-wrapper" class="form-group field select" >
181 <label id="profile-edit-sexual-label" for="sexual-select" >{{$lbl_sexual}}</label>
184 <div class="clear"></div>
186 <div class="form-group pull-right" >
187 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
189 <div class="clear"></div>
194 {{* The miscellanous other settings *}}
196 <div class="section-subtitle-wrapper" role="tab" id="miscellaneous">
198 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#profile-edit-wrapper" href="#miscellaneous-collapse" aria-expanded="false" aria-controls="miscellaneous-collapse">
199 {{$lbl_miscellaneous_section}}
203 <div id="miscellaneous-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="miscellaneous">
204 <div class="section-content-tools-wrapper">
205 {{include file="field_input.tpl" field=$homepage}}
207 {{include file="field_input.tpl" field=$xmpp}}
209 {{include file="field_input.tpl" field=$pub_keywords}}
211 {{include file="field_input.tpl" field=$prv_keywords}}
213 {{include file="field_input.tpl" field=$politic}}
215 {{include file="field_input.tpl" field=$religion}}
218 {{include file="field_textarea.tpl" field=$about}}
220 {{include file="field_textarea.tpl" field=$contact}}
222 {{include file="field_textarea.tpl" field=$interest}}
224 {{include file="field_textarea.tpl" field=$likes}}
226 {{include file="field_textarea.tpl" field=$dislikes}}
228 {{include file="field_textarea.tpl" field=$music}}
230 {{include file="field_textarea.tpl" field=$book}}
232 {{include file="field_textarea.tpl" field=$tv}}
234 {{include file="field_textarea.tpl" field=$film}}
236 {{include file="field_textarea.tpl" field=$romance}}
238 {{include file="field_textarea.tpl" field=$work}}
240 {{include file="field_textarea.tpl" field=$education}}
242 <div class="form-group pull-right" >
243 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
245 <div class="clear"></div>
252 {{* if $detailled_profile not available a short version of the setting page is displayed *}}
253 {{if $personal_account}}
254 {{include file="field_yesno.tpl" field=$details}}
257 {{include file="field_input.tpl" field=$profile_name}}
259 {{include file="field_input.tpl" field=$name}}
261 {{if $personal_account}}
262 <div id="profile-edit-gender-wrapper" class="form-group field select">
263 <label id="profile-edit-gender-label" for="gender-select" >{{$lbl_gender}} </label>
266 <div class="clear"></div>
272 {{include file="field_input.tpl" field=$homepage}}
274 {{include file="field_input.tpl" field=$xmpp}}
278 {{include file="field_input.tpl" field=$address}}
280 {{include file="field_input.tpl" field=$locality}}
283 {{include file="field_input.tpl" field=$postal_code}}
285 <div id="profile-edit-country-name-wrapper" class="form-group field select">
286 <label id="profile-edit-country-name-label" for="profile-edit-country-name" >{{$country_name.1}} </label>
287 <select name="country_name" id="profile-edit-country-name" class="form-control" onChange="Fill_States('{{$region.2}}');">
288 <option selected="selected" >{{$country_name.2}}</option>
289 <option>temp</option>
292 <div class="clear"></div>
294 <div id="profile-edit-region-wrapper" class="form-group field select">
295 <label id="profile-edit-region-label" for="profile-edit-region" >{{$region.1}} </label>
296 <select name="region" id="profile-edit-region" class="form-control" onChange="Update_Globals();" >
297 <option selected="selected" >{{$region.2}}</option>
298 <option>temp</option>
301 <div class="clear"></div>
303 {{include file="field_input.tpl" field=$pub_keywords}}
305 {{include file="field_input.tpl" field=$prv_keywords}}
307 {{include file="field_textarea.tpl" field=$about}}
309 <div class="form-group pull-right" >
310 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
312 <div class="clear"></div>
314 <input type="hidden" name="pdesc" id="profile-edit-pdesc" value="{{$pdesc.2}}" />
315 <input type="hidden" id="contact-jot-text" name="contact" value="{{$contact.2}}" />
316 <input type="hidden" name="hometown" id="profile-edit-hometown" value="{{$hometown.2}}" />
317 <input type="hidden" name="politic" id="profile-edit-politic" value="{{$politic.2}}" />
318 <input type="hidden" name="religion" id="profile-edit-religion" value="{{$religion.2}}" />
319 <input type="hidden" id="likes-jot-text" name="likes" value="{{$likes.2}}" />
320 <input type="hidden" id="dislikes-jot-text" name="dislikes" value="{{$dislikes.2}}" />
321 <input type="hidden" name="marital" id="profile-edit-marital" value="{{$marital.value}}" />
322 <input type="hidden" name="with" id="profile-edit-with" value="{{$with.2}}" />
323 <input type="hidden" name="howlong" id="profile-edit-howlong" value="{{$howlong.2}}" />
324 <input type="hidden" name="sexual" id="profile-edit-sexual" value="{{$sexual.value}}" />
325 <input type="hidden" id="romance-jot-text" name="romance" value="{{$romance.2}}" />
326 <input type="hidden" id="work-jot-text" name="work" value="{{$work.2}}" />
327 <input type="hidden" id="education-jot-text" name="education" value="{{$education.2}}" />
328 <input type="hidden" id="interest-jot-text" name="interest" value="{{$interest.2}}" />
329 <input type="hidden" id="music-jot-text" name="music" value="{{$music.2}}" />
330 <input type="hidden" id="book-jot-text" name="book" value="{{$book.2}}" />
331 <input type="hidden" id="tv-jot-text" name="tv" value="{{$tv.2}}" />
332 <input type="hidden" id="film-jot-text" name="film" value="{{$film.2}}" />
338 <script type="text/javascript">
339 Fill_Country('{{$country_name.2}}');
340 Fill_States('{{$region.2}}');
342 // initiale autosize for the textareas
343 autosize($("textarea.text-autosize"));