datatracker/ietf/templates/registration/edit_profile.html

{% extends "base.html" %}
{# Copyright The IETF Trust 2015, All Rights Reserved #}
{% load origin %}

{% load widget_tweaks %}

{% block title %}Profile for {{ user }}{% endblock %}

{% block content %}
  {% origin %}
  <h1>Profile for {{ user.username }}</h1>

  <form class="form-horizontal" method="post">
    {% csrf_token %}

    <div class="form-group">
      <label class="col-sm-2 control-label">User name</label>
      <div class="col-sm-10">
        <p class="form-control-static">{{ user.username }}</p>
      </div>
    </div>

    <div class="form-group">
      <label class="col-sm-2 control-label">Roles</label>
      <div class="col-sm-10">
        {% for role in roles %}
          <div class="row">
	    <div class="col-sm-5">
	      <select class="form-control" name="role_email_{{role.id}}">
	        {% for email in emails %}
	          <option value="{{email.address}}" {% if email.address == role.email.address %}selected{% endif %}>
	            {% if email.active %}
	              {{email}}
	            {% else %}
	              ({{email}})
	            {% endif %}
	          </option>
	        {% endfor %}
	      </select>
	    </div>
	    <div class="col-sm-7">
	      <div class="help-block">Email to use for <i>{{ role.name|lower }}</i> role in {{ role.group.acronym|upper }} ({{ role.group.type }}).</div>
	    </div>
          </div>
        {% endfor %}
      </div>
    </div>

    <div class="form-group">
      <label class="col-sm-2 control-label">Email addresses</label>
      <div class="col-sm-10">
        <div class="row">
	  <div class="col-sm-5" id="emails">
	    {% for email in emails %}
	      <div class="checkbox">
	        <label>
	          <input type="checkbox" name="{{email.address}}" {% if email.active %}checked{% endif %} onchange="style_email(0, this)">
	          {{email}}
	        </label>
	      </div>
	    {% endfor %}
	  </div>
	  <div class="col-sm-7">
	    <div class="help-block">Note: Email addresses cannot be deleted, only deactivated.</div>
	  </div>
        </div>
      </div>
    </div>

    <div class="form-group">
      <div class="col-sm-offset-2 col-sm-10">
        <button class="btn btn-default btn-sm" onclick="add_email(); return false">Add email address</button>
      </div>
    </div>

    <div class="form-group">
      <label class="col-sm-2 control-label">{{person_form.name.label}}</label>
      <div class="col-sm-10">
        <div class="row">
	  <div class="col-sm-5">
	    {{person_form.name|add_class:"form-control"}}
	  </div>
	  <div class="col-sm-7">
	    <div class="help-block">The preferred form of your name.</div>
	  </div>
        </div>
      </div>
    </div>

    <div class="form-group">
      <label class="col-sm-2 control-label">{{person_form.ascii.label|upper}}</label>
      <div class="col-sm-10">
        <div class="row">
	  <div class="col-sm-5">
	    {{person_form.ascii|add_class:"form-control"}}
	  </div>
	  <div class="col-sm-7">
	    <div class="help-block">Your name as rendered in ASCII (Latin, unaccented) characters.</div>
	  </div>
        </div>
      </div>
    </div>

    <div class="form-group">
      <label class="col-sm-2 control-label">{{person_form.ascii_short.label}}</label>
      <div class="col-sm-10">
        <div class="row">
	  <div class="col-sm-5">
	    {{person_form.ascii_short|add_class:"form-control"}}
	  </div>
	  <div class="col-sm-7">
	    <div class="help-block">
	       Example: A. Nonymous.  Fill in this with initials and surname only if 
	       taking the initials and surname of your ASCII name above produces an incorrect
	       initials-only form. (Blank is ok).
	    </div>
	  </div>
        </div>
      </div>
    </div>

    <div class="form-group">
      <label class="col-sm-2 control-label">{{person_form.affiliation.label}}</label>
      <div class="col-sm-10">
        <div class="row">
	  <div class="col-sm-5">
	    {{person_form.affiliation|add_class:"form-control"}}
	  </div>
	  <div class="col-sm-7">
	    <div class="help-block">Employer, university, sponsor, etc.</div>
	  </div>
        </div>
      </div>
    </div>

    <div class="form-group">
      <label class="col-sm-2 control-label">Postal address</label>
      <div class="col-sm-10">
        <div class="row">
	  <div class="col-sm-5">
	    {{person_form.address|add_class:"form-control"}}
	  </div>
	  <div class="col-sm-7">
	    <div class="help-block">Postal mailing address.</div>
	  </div>
        </div>
      </div>
    </div>

    <div class="form-group">
      <div class="col-sm-offset-2 col-sm-10">
        <button type="submit" class="btn btn-primary">Submit</button>
      </div>
    </div>
  </form>
{% endblock %}

{% block js %}
  <script>
   $(document).ready(function() {
       $("input[type=checkbox]").each(style_email);
   });

   function style_email(i, e) {
       if (e.checked) {
           $(e).parent().addClass("text-success");;
           $(e).parent().removeClass("text-danger line-through");
       } else {
           $(e).parent().addClass("text-danger line-through");
           $(e).parent().removeClass("text-success");
       }
   }

   function add_email() {
       $("#emails").append('<input type="email" class="form-control" name="new_email_' + $.now() + '" placeholder="Enter new email address...">');
       $("#emails").children().last().focus();
   }
  </script>
{% endblock %}