mygpo/web/templates/account.html

   1 {% extends "base.html" %}
   2 {% load url from future %}
   3 {% load i18n %}
   4
   5 {% load menu %}
   6 {% block mainmenu %}{{ "/account/"|main_menu }}{% endblock %}
   7 {% block sectionmenu %}{{ "/account/"|section_menu }}{% endblock %}
   8
   9 {% block title %}{% trans "Account Settings" %}{% endblock %}
  10
  11 {% block header %}
  12   <h1>{% trans "Account Settings" %}</h1>
  13 {% endblock %}
  14
  15 {% block content %}
  16
  17  <div class="tab-content">
  18   <ul class="nav nav-tabs">
  19    <li class="active">
  20     <a href="#account" data-toggle="tab">Account</a>
  21    </li>
  22    <li>
  23     <a href="#profile" data-toggle="tab">Public Profile</a>
  24    </li>
  25    <li>
  26     <a href="#flattr" data-toggle="tab">Flattr</a>
  27    </li>
  28   </ul>
  29
  30
  31   <div class="tab-pane active" id="account">
  32
  33    <form action="{% url "account" %}" method="POST" class="form-horizontal">
  34     {% csrf_token %}
  35
  36     <fieldset>
  37      <legend>{% trans "Account Data" %}</legend>
  38
  39      <div class="control-group">
  40       <label class="control-label" for="input01">{{ form.email.label_tag }}</label>
  41       <div class="controls">
  42        {{ form.email }}
  43       </div>
  44      </div>
  45
  46      <div class="control-group">
  47       <label class="control-label" for="input01">{{ form.password_current.label_tag }}</label>
  48       <div class="controls">
  49        {{ form.password_current }}
  50       </div>
  51      </div>
  52
  53      <div class="control-group">
  54       <label class="control-label" for="input01">{{ form.password1.label_tag }}</label>
  55       <div class="controls">
  56        {{ form.password1 }}
  57       </div>
  58      </div>
  59
  60      <div class="control-group">
  61       <label class="control-label" for="input01">{{ form.password2.label_tag }}</label>
  62       <div class="controls">
  63        {{ form.password2 }}
  64       </div>
  65      </div>
  66
  67      <div class="control-group">
  68       <div class="controls">
  69        <button class="btn btn-primary" type="submit">{% trans "Save" %}</button>
  70       </div>
  71      </div>
  72
  73    </fieldset>
  74    </form>
  75
  76    <h2>{% trans "Delete Account" %}</h2>
  77
  78    <div class="well">
  79     <a class="btn btn-danger" href="{% url "delete-account" %}">{% trans "Delete Account" %}</a>
  80    </div>
  81
  82   </div>
  83
  84   <div class="tab-pane" id="profile">
  85
  86    <form action="{% url "profile" %}" method="POST" class="form-horizontal">
  87     {% csrf_token %}
  88     <legend>{% trans "Public profile" %}
  89      <small>
  90       <a href="{% url "user" user.username %}{% if userpage_token %}?token={{ userpage_token }}{% endif %}">
  91        {% trans "for your userpage" %}
  92       </a>
  93      </small>
  94     </legend>
  95
  96     <fieldset>
  97
  98      <div class="control-group">
  99       <label class="control-label" for="twitter">{{ profile_form.twitter.label_tag }}</label>
 100       <div class="controls">
 101        <div class="input-prepend">
 102         <span class="add-on">@</span>
 103         <input type="text" id="id_twitter" name="twitter" placeholder="username" value="{{ profile_form.twitter.value|default:"" }}">
 104        </div>
 105       </div>
 106      </div>
 107
 108      <div class="control-group">
 109       <label class="control-label" for="about">{{ profile_form.about.label_tag }}
 110        <span class="help-inline">{{ profile_form.about.help_text }}</span>
 111       </label>
 112       <div class="controls">
 113        {{ profile_form.about }}
 114       </div>
 115      </div>
 116
 117      <div class="control-group">
 118       <div class="controls">
 119        <button class="btn btn-primary" type="submit">{% trans "Save" %}</button>
 120       </div>
 121      </div>
 122
 123    </fieldset>
 124    </form>
 125
 126   </div>
 127
 128
 129   <div class="tab-pane" id="flattr">
 130
 131    <form action="{% url "flattr-settings" %}" method="POST" class="form-horizontal">
 132     {% csrf_token %}
 133     <legend>{% trans "Flattr" %}</legend>
 134
 135     <fieldset>
 136
 137      <div class="control-group">
 138       <label class="control-label" for="token">{% trans "Authenticated" %}</label>
 139       <div class="controls">
 140        {% if flattr_form.token.value %}
 141         {% blocktrans with flattr.get_auth_username as flattrname %}Logged in as {{ flattrname }}{% endblocktrans %}
 142        {% else %}
 143         <a class="btn" href="{{ flattr.get_auth_url }}">{% trans "Login" %}</a>
 144        {% endif %}
 145       </div>
 146      </div>
 147
 148      <div class="control-group">
 149       <label class="control-label" for="about">{{ flattr_form.enable.label_tag }}
 150        <span class="help-inline">{{ flattr_form.enable.help_text }}</span>
 151       </label>
 152       <div class="controls">
 153        {{ flattr_form.enable }}
 154       </div>
 155      </div>
 156
 157      <div class="control-group">
 158       <div class="controls">
 159        <button class="btn btn-primary" type="submit">{% trans "Save" %}</button>
 160       </div>
 161      </div>
 162
 163    </fieldset>
 164    </form>
 165
 166   </div>
 167
 168  </div>
 169
 170 {% endblock %}
 171
 172
 173 {% block javascript %}
 174
 175  <script lang="text/javascript">
 176   $(document).ready(function() {
 177     var url = document.location.toString();
 178     if (url.match('#')) {
 179         $('.nav-tabs a[href=#'+url.split('#')[1]+']').tab('show') ;
 180     }
 181   });
 182  </script>
 183
 184 {% endblock %}