src/templates/users/edit.html

   1 {% extends "../base.html" %}
   2
   3 {% block title %}{{ account }} - {{ _("Edit") }}{% end block %}
   4
   5 {% block container %}
   6         <section class="hero is-dark">
   7                 <div class="hero-body">
   8                         <div class="container">
   9                                 <nav class="breadcrumb" aria-label="breadcrumbs">
  10                                         <ul>
  11                                                 <li>
  12                                                         <a href="/">
  13                                                                 {{ _("Home") }}
  14                                                         </a>
  15                                                 </li>
  16                                                 <li>
  17                                                         <a href="/users">
  18                                                                 {{ _("Users") }}
  19                                                         </a>
  20                                                 </li>
  21                                                 <li>
  22                                                         <a href="/users/{{ account.uid }}">
  23                                                                 {{ account }}
  24                                                         </a>
  25                                                 </li>
  26                                                 <li class="is-active">
  27                                                         <a href="#" aria-current="page">
  28                                                                 Edit
  29                                                         </a>
  30                                                 </li>
  31                                         </ul>
  32                                 </nav>
  33
  34                                 <h1 class="title">{{ _("Edit Profile") }}</h1>
  35                                 <h6 class="subtitle">{{ account }} | {{ account.uid }}</h6>
  36                         </div>
  37                 </div>
  38         </section>
  39
  40         <div class="container">
  41                 <section class="section">
  42                         <form method="POST" action="" enctype="multipart/form-data">
  43                                 {% raw xsrf_form_html() %}
  44
  45                                 <div class="block">
  46                                         <div class="columns is-5">
  47                                                 <div class="column is-4">
  48                                                         <label class="label">{{ _("First Name") }}</label>
  49
  50                                                         <input type="text" class="input" name="first_name"
  51                                                                 placeholder="{{ _("First Name") }}" value="{{ account.first_name }}" required>
  52                                                 </div>
  53
  54                                                 <div class="column is-4">
  55                                                         <label class="label">{{ _("Last Name") }}</label>
  56
  57                                                         <input type="text" class="input" name="last_name"
  58                                                                 placeholder="{{ _("Last Name") }}" value="{{ account.last_name }}" required>
  59                                                 </div>
  60
  61                                                 <div class="column is-4">
  62                                                         <label class="label">{{ _("Nickname") }} ({{ _("optional") }})</label>
  63
  64                                                         <input type="text" class="input" name="nickname"
  65                                                                 placeholder="{{ _("Nickname") }}" value="{{ account.nickname or "" }}">
  66                                                 </div>
  67                                         </div>
  68                                 </div>
  69
  70                                 <div class="block">
  71                                         <div class="columns">
  72                                                 <div class="column is-4">
  73                                                         <label class="label">{{ _("Address") }}</label>
  74
  75                                                         <textarea type="text" class="textarea" name="street" rows="3"
  76                                                                 placeholder="{{ _("Address") }}">{{ account.street or "" }}</textarea>
  77                                                 </div>
  78                                         </div>
  79
  80                                         <div class="columns">
  81                                                 <div class="column is-4">
  82                                                         <label class="label">{{ _("City") }}</label>
  83
  84                                                         <input type="text" class="input" name="city"
  85                                                                 placeholder="{{ _("City") }}" value="{{ account.city }}">
  86                                                 </div>
  87
  88                                                 <div class="column is-4">
  89                                                         <label class="label">{{ _("Postal Code") }}</label>
  90
  91                                                         <input type="text" class="input" name="postal_code"
  92                                                                 placeholder="{{ _("Postal Code") }}" value="{{ account.postal_code }}">
  93                                                 </div>
  94                                         </div>
  95                                 </div>
  96
  97                                 <div class="block">
  98                                         <div class="columns">
  99                                                 <div class="column is-4">
 100                                                         <label class="label">{{ _("Country") }}</label>
 101
 102                                                         <div class="select">
 103                                                                 <select name="country_code" required>
 104                                                                         <option>{{ _("- Please Select -") }}</option>
 105
 106                                                                         {% for c in countries %}
 107                                                                                 <option value="{{ c.alpha2 }}" {% if account.country_code == c.alpha2 %}selected{% end %}>{{ c.name }}</option>
 108                                                                         {% end %}
 109                                                                 </select>
 110                                                           </div>
 111                                                 </div>
 112                                         </div>
 113                                 </div>
 114
 115                                 <div class="block">
 116                                         <h4 class="title is-4">{{ _("Tell Us Who You Are") }}</h4>
 117
 118                                         <div class="columns" id="description">
 119                                                 <div class="column is-4">
 120                                                         <textarea type="text" class="textarea" name="description" rows="5"
 121                                                         placeholder="{{ _("Tell Us Who You Are") }}">{{ account.description or "" }}</textarea>
 122
 123                                                         <p class="help">
 124                                                                 {{ _("You can use Markdown syntax as you know it from the IPFire Documentation") }}
 125                                                         </p>
 126                                                 </div>
 127                                         </div>
 128
 129                                 <div class="block">
 130                                         <div class="columns" id="avatar">
 131                                                 <div class="column is-4">
 132                                                         <div class="file">
 133                                                                 <label class="file-label">
 134                                                                         <input class="file-input" type="file" name="avatar">
 135                                                                         <span class="file-cta">
 136                                                                                 <span class="file-icon">
 137                                                                                         <i class="fas fa-upload"></i>
 138                                                                                 </span>
 139                                                                                 <span class="file-label">
 140                                                                                         {{ _("Upload a new avatar") }}
 141                                                                                 </span>
 142                                                                         </span>
 143                                                                 </label>
 144                                                           </div>
 145                                                 </div>
 146                                         </div>
 147                                 </div>
 148
 149                                 {% if account.has_mail() %}
 150                                         <div class="block">
 151                                                 <div class="columns">
 152                                                         <div class="column is-4">
 153                                                                 <label class="label">{{ _("Email") }}</label>
 154
 155                                                                 <div class="field-body">
 156                                                                         <div class="field">
 157                                                                                 <p class="control">
 158                                                                                         <input type="mail" class="input" name="mail_routing_address"
 159                                                                                         placeholder="{{ _("Email Address") }}" value="{{ account.mail_routing_address or "" }}">
 160                                                                                 </p>
 161                                                                         </div>
 162                                                                 </div>
 163
 164                                                                 <p class="help">
 165                                                                         {{ _("All emails will be forwarded to this email address") }}
 166                                                                 </p>
 167                                                         </div>
 168                                                 </div>
 169                                         </div>
 170                                 {% end %}
 171
 172                                 <div class="block">
 173                                         <div class="columns">
 174                                                 <div class="column is-4">
 175                                                         <label class="label">{{ _("Telephone") }}</label>
 176
 177                                                         <textarea type="text" class="textarea" name="phone_numbers" rows="3"
 178                                                                 placeholder="{{ _("Phone Numbers") }}">{{ "\n".join((format_phone_number_to_e164(n) for n in account.phone_numbers)) }}</textarea>
 179
 180
 181                                                         <p class="help">
 182                                                                 {{ _("Enter your landline and mobile phone numbers") }}
 183                                                         </p>
 184                                                 </div>
 185
 186                                                 {% if account.has_sip() %}
 187                                                         <div class="column is-4">
 188                                                                 <label class="label">{{ _("Forward Calls") }}</label>
 189
 190                                                                 <input type="text" class="input" name="sip_routing_address"
 191                                                                         placeholder="{{ _("SIP URI or Phone Number") }}" value="{{ account.sip_routing_address or "" }}">
 192
 193                                                                 <p class="help">
 194                                                                         {{ _("All calls will be forwarded to this phone number or SIP URI") }}
 195                                                                 </p>
 196                                                         </div>
 197                                                 {% end %}
 198                                         </div>
 199
 200                                 <div class="block">
 201                                         <div class="columns">
 202                                                 <div class="column is-4">
 203                                                         <input class="button is-primary is-fullwidth is-outlined is-medium has-text-weight-bold" type="submit" value="{{ _("SAVE") }}">
 204                                                 </div>
 205                                         </div>
 206
 207                                 </div>
 208                         </form>
 209                 </section>
 210         </div>
 211 {% end block %}