view/theme/frio/templates/profile_edit.tpl

   1
   2 <div class="generic-page-wrapper">
   3         {{include file="section_title.tpl" title=$banner}}
   4
   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>&nbsp;{{$profile_action}}
  11                                 </button>
  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}}"><i class="fa fa-user" aria-hidden="true"></i>&nbsp;{{$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}}" onclick="openClose('profile-photo-upload-section');"><i class="fa fa-user" aria-hidden="true"></i>&nbsp;{{$lbl_profile_photo}}</button></li>
  15                                         {{if ! $is_default}}
  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>&nbsp;{{$editvis}}</a>
  17                                         </li>
  18                                         {{/if}}
  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}}">{{$viewprof}}</a></li>
  21                                         <li role="presentation"><a role="menuitem" href="profiles" id="profile-edit-view-link" title="{{$viewallprof}}">{{$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}}">{{$cl_prof}}</a></li>
  25                                         {{/if}}
  26                                         {{if !$is_default}}
  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}}"><i class="fa fa-trash" aria-hidden="true"></i>&nbsp;{{$del_prof}}</a></li>
  29                                         {{/if}}
  30                                 </ul>
  31                         </li>
  32
  33                 </ul>
  34         </div>
  35
  36         <div id="profile-edit-links-end"></div>
  37
  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}}" />
  41
  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" />
  47                         </div>
  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>
  51                         </div>
  52                         <div class="clear"></div>
  53                 </div>
  54         </form>
  55
  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
  59                 2 => The input values
  60                 3 => The additional help text (if available)
  61         *}}
  62
  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}}'>
  65
  66                 {{* Some hints to characteristics of the current profile (if available) *}}
  67                 {{if $is_default}}
  68                 <div class="section-content-info-wrapper">{{$default nofilter}}</div>
  69                 {{/if}}
  70
  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 *}}
  75                         <div class="panel">
  76                                 <div class="section-subtitle-wrapper" role="tab" id="personal">
  77                                         <h4>
  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}}
  80                                                 </a>
  81                                         </h4>
  82                                 </div>
  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}}
  87
  88                                                 {{include file="field_input.tpl" field=$profile_name}}
  89
  90                                                 {{include file="field_input.tpl" field=$name}}
  91
  92                                                 {{include file="field_input.tpl" field=$pdesc}}
  93
  94                                                 <div id="profile-edit-gender-wrapper" class="form-group field select">
  95                                                         <label id="profile-edit-gender-label" for="gender-select" >{{$lbl_gender}} </label>
  96                                                         {{$gender nofilter}}
  97                                                 </div>
  98                                                 <div class="clear"></div>
  99
 100                                                 {{$dob nofilter}}
 101
 102                                                 {{$hide_friends nofilter}}
 103
 104                                                 <div class="form-group pull-right" >
 105                                                         <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
 106                                                 </div>
 107                                                 <div class="clear"></div>
 108                                         </div>
 109                                 </div>
 110                         </div>
 111
 112                         {{* The location settings *}}
 113                         <div class="panel">
 114                                 <div class="section-subtitle-wrapper" role="tab" id="location">
 115                                         <h4>
 116                                                 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#profile-edit-wrapper" href="#location-collapse" aria-expanded="false" aria-controls="location-collapse">
 117                                                         {{$lbl_location_section}}
 118                                                 </a>
 119                                         </h4>
 120                                 </div>
 121                                 <div id="location-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="location">
 122                                         <div class="section-content-tools-wrapper">
 123                                                 {{include file="field_input.tpl" field=$address}}
 124
 125                                                 {{include file="field_input.tpl" field=$locality}}
 126
 127
 128                                                 {{include file="field_input.tpl" field=$postal_code}}
 129
 130                                                 <div id="profile-edit-country-name-wrapper" class="form-group field select">
 131                                                         <label id="profile-edit-country-name-label" for="profile-edit-country-name" >{{$country_name.1}} </label>
 132                                                         <select name="country_name" id="profile-edit-country-name" class="form-control" onChange="Fill_States('{{$region.2}}');">
 133                                                                 <option selected="selected" >{{$country_name.2}}</option>
 134                                                                 <option>temp</option>
 135                                                         </select>
 136                                                 </div>
 137                                                 <div class="clear"></div>
 138
 139                                                 <div id="profile-edit-region-wrapper" class="form-group field select">
 140                                                         <label id="profile-edit-region-label" for="profile-edit-region" >{{$region.1}} </label>
 141                                                         <select name="region" id="profile-edit-region" class="form-control" onChange="Update_Globals();" >
 142                                                                 <option selected="selected" >{{$region.2}}</option>
 143                                                                 <option>temp</option>
 144                                                         </select>
 145                                                 </div>
 146                                                 <div class="clear"></div>
 147
 148                                                 {{include file="field_input.tpl" field=$hometown}}
 149
 150                                                 <div class="form-group pull-right" >
 151                                                         <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
 152                                                 </div>
 153                                                 <div class="clear"></div>
 154                                         </div>
 155                                 </div>
 156                         </div>
 157
 158                         {{* The settings for relations *}}
 159                         <div class="panel">
 160                                 <div class="section-subtitle-wrapper" role="tab" id="relation">
 161                                         <h4>
 162                                                 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#profile-edit-wrapper" href="#relation-collapse" aria-expanded="false" aria-controls="relation-collapse">
 163                                                         {{$lbl_relation_section}}
 164                                                 </a>
 165                                         </h4>
 166                                 </div>
 167                                 <div id="relation-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="relation">
 168                                         <div class="section-content-tools-wrapper">
 169                                                 <div id="profile-edit-marital-wrapper" class="form-group field select" >
 170                                                                 <label id="profile-edit-marital-label" for="profile-edit-marital" >{{$lbl_marital nofilter}}</label>
 171                                                                 {{$marital.selector nofilter}}
 172                                                 </div>
 173                                                 <div class="clear"></div>
 174
 175                                                 {{include file="field_input.tpl" field=$with}}
 176
 177                                                 {{include file="field_input.tpl" field=$howlong}}
 178
 179                                                 <div id="profile-edit-sexual-wrapper" class="form-group field select" >
 180                                                         <label id="profile-edit-sexual-label" for="sexual-select" >{{$lbl_sexual}}</label>
 181                                                         {{$sexual.selector nofilter}}
 182                                                 </div>
 183                                                 <div class="clear"></div>
 184
 185                                                 <div class="form-group pull-right" >
 186                                                         <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
 187                                                 </div>
 188                                                 <div class="clear"></div>
 189                                         </div>
 190                                 </div>
 191                         </div>
 192
 193                         {{* The miscellanous other settings *}}
 194                         <div class="panel">
 195                                 <div class="section-subtitle-wrapper" role="tab" id="miscellaneous">
 196                                         <h4>
 197                                                 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#profile-edit-wrapper" href="#miscellaneous-collapse" aria-expanded="false" aria-controls="miscellaneous-collapse">
 198                                                         {{$lbl_miscellaneous_section}}
 199                                                 </a>
 200                                         </h4>
 201                                 </div>
 202                                 <div id="miscellaneous-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="miscellaneous">
 203                                         <div class="section-content-tools-wrapper">
 204                                                 {{include file="field_input.tpl" field=$homepage}}
 205
 206                                                 {{include file="field_input.tpl" field=$xmpp}}
 207
 208                                                 {{include file="field_input.tpl" field=$pub_keywords}}
 209
 210                                                 {{include file="field_input.tpl" field=$prv_keywords}}
 211
 212                                                 {{include file="field_input.tpl" field=$politic}}
 213
 214                                                 {{include file="field_input.tpl" field=$religion}}
 215
 216
 217                                                 {{include file="field_textarea.tpl" field=$about}}
 218
 219                                                 {{include file="field_textarea.tpl" field=$contact}}
 220
 221                                                 {{include file="field_textarea.tpl" field=$interest}}
 222
 223                                                 {{include file="field_textarea.tpl" field=$likes}}
 224
 225                                                 {{include file="field_textarea.tpl" field=$dislikes}}
 226
 227                                                 {{include file="field_textarea.tpl" field=$music}}
 228
 229                                                 {{include file="field_textarea.tpl" field=$book}}
 230
 231                                                 {{include file="field_textarea.tpl" field=$tv}}
 232
 233                                                 {{include file="field_textarea.tpl" field=$film}}
 234
 235                                                 {{include file="field_textarea.tpl" field=$romance}}
 236
 237                                                 {{include file="field_textarea.tpl" field=$work}}
 238
 239                                                 {{include file="field_textarea.tpl" field=$education}}
 240
 241                                                 <div class="form-group pull-right" >
 242                                                         <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
 243                                                 </div>
 244                                                 <div class="clear"></div>
 245                                         </div>
 246                                 </div>
 247                         </div>
 248                 </div>
 249
 250                 {{else}}
 251                 {{* if $detailled_profile not available a short version of the setting page is displayed *}}
 252                 {{if $personal_account}}
 253                 {{include file="field_yesno.tpl" field=$details}}
 254                 {{/if}}
 255
 256                 {{include file="field_input.tpl" field=$profile_name}}
 257
 258                 {{include file="field_input.tpl" field=$name}}
 259
 260                 {{if $personal_account}}
 261                 <div id="profile-edit-gender-wrapper" class="form-group field select">
 262                         <label id="profile-edit-gender-label" for="gender-select" >{{$lbl_gender}} </label>
 263                         {{$gender nofilter}}
 264                 </div>
 265                 <div class="clear"></div>
 266
 267                 {{$dob nofilter}}
 268
 269                 {{/if}}
 270
 271                 {{include file="field_input.tpl" field=$homepage}}
 272
 273                 {{include file="field_input.tpl" field=$xmpp}}
 274
 275                 {{$hide_friends nofilter}}
 276
 277                 {{include file="field_input.tpl" field=$address}}
 278
 279                 {{include file="field_input.tpl" field=$locality}}
 280
 281
 282                 {{include file="field_input.tpl" field=$postal_code}}
 283
 284                 <div id="profile-edit-country-name-wrapper" class="form-group field select">
 285                         <label id="profile-edit-country-name-label" for="profile-edit-country-name" >{{$country_name.1}} </label>
 286                         <select name="country_name" id="profile-edit-country-name" class="form-control" onChange="Fill_States('{{$region.2}}');">
 287                                 <option selected="selected" >{{$country_name.2}}</option>
 288                                 <option>temp</option>
 289                         </select>
 290                 </div>
 291                 <div class="clear"></div>
 292
 293                 <div id="profile-edit-region-wrapper" class="form-group field select">
 294                         <label id="profile-edit-region-label" for="profile-edit-region" >{{$region.1}} </label>
 295                         <select name="region" id="profile-edit-region" class="form-control" onChange="Update_Globals();" >
 296                                 <option selected="selected" >{{$region.2}}</option>
 297                                 <option>temp</option>
 298                         </select>
 299                 </div>
 300                 <div class="clear"></div>
 301
 302                 {{include file="field_input.tpl" field=$pub_keywords}}
 303
 304                 {{include file="field_input.tpl" field=$prv_keywords}}
 305
 306                 {{include file="field_textarea.tpl" field=$about}}
 307
 308                 <div class="form-group pull-right" >
 309                         <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
 310                 </div>
 311                 <div class="clear"></div>
 312
 313                 <input type="hidden" name="pdesc" id="profile-edit-pdesc" value="{{$pdesc.2}}" />
 314                 <input type="hidden" id="contact-jot-text" name="contact" value="{{$contact.2}}" />
 315                 <input type="hidden" name="hometown" id="profile-edit-hometown" value="{{$hometown.2}}" />
 316                 <input type="hidden" name="politic" id="profile-edit-politic" value="{{$politic.2}}" />
 317                 <input type="hidden" name="religion" id="profile-edit-religion" value="{{$religion.2}}" />
 318                 <input type="hidden" id="likes-jot-text" name="likes" value="{{$likes.2}}" />
 319                 <input type="hidden" id="dislikes-jot-text" name="dislikes" value="{{$dislikes.2}}" />
 320                 <input type="hidden" name="marital" id="profile-edit-marital" value="{{$marital.value}}" />
 321                 <input type="hidden" name="with" id="profile-edit-with" value="{{$with.2}}" />
 322                 <input type="hidden" name="howlong" id="profile-edit-howlong" value="{{$howlong.2}}" />
 323                 <input type="hidden" name="sexual" id="profile-edit-sexual" value="{{$sexual.value}}" />
 324                 <input type="hidden" id="romance-jot-text" name="romance" value="{{$romance.2}}" />
 325                 <input type="hidden" id="work-jot-text" name="work" value="{{$work.2}}" />
 326                 <input type="hidden" id="education-jot-text" name="education" value="{{$education.2}}" />
 327                 <input type="hidden" id="interest-jot-text" name="interest" value="{{$interest.2}}" />
 328                 <input type="hidden" id="music-jot-text" name="music" value="{{$music.2}}" />
 329                 <input type="hidden" id="book-jot-text" name="book" value="{{$book.2}}" />
 330                 <input type="hidden" id="tv-jot-text" name="tv" value="{{$tv.2}}" />
 331                 <input type="hidden" id="film-jot-text" name="film" value="{{$film.2}}" />
 332
 333                 {{/if}}
 334         </form>
 335 </div>
 336
 337 <script type="text/javascript">
 338         Fill_Country('{{$country_name.2}}');
 339         Fill_States('{{$region.2}}');
 340
 341         // initiale autosize for the textareas
 342         autosize($("textarea.text-autosize"));
 343 </script>