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>
 134      {% trans "Flattr" %}
 135      <small><a href="https://flattr.com/about">{% trans "What's that?" %}</a></small>
 136     </legend>
 137
 138     <fieldset>
 139
 140      <div class="control-group">
 141       <label class="control-label" for="token">{% trans "Authenticated" %}</label>
 142       <div class="controls">
 143        {% if flattr_form.token.value %}
 144         {% blocktrans with flattr.get_auth_username as flattrname %}Logged in as <a href="https://flattr.com/profile/{{ flattrname }}">{{ flattrname }}</a>{% endblocktrans %}
 145         <a class="btn" href="{% url "flattr-logout" %}">{% trans "Logout" %}</a>
 146        {% else %}
 147         <a class="btn" href="{{ flattr.get_auth_url }}">{% trans "Login" %}</a>
 148        {% endif %}
 149       </div>
 150      </div>
 151
 152      <div class="control-group">
 153       <label class="control-label" for="about">{{ flattr_form.enable.label_tag }}
 154       </label>
 155       <div class="controls">
 156        {{ flattr_form.enable }}
 157       </div>
 158      </div>
 159
 160      <div class="control-group">
 161       <label class="control-label" for="about">{% blocktrans with site as sitename %}Auto-Flattr {{ sitename }}{% endblocktrans %}
 162       </label>
 163       <div class="controls">
 164        {{ flattr_form.flattr_mygpo }}
 165       </div>
 166      </div>
 167
 168      <div class="control-group">
 169       <label class="control-label" for="username">{% blocktrans with site as sitename %}Username for publishing own content{% endblocktrans %}
 170       </label>
 171       <div class="controls">
 172        {{ flattr_form.username }}
 173       </div>
 174      </div>
 175
 176
 177
 178      <div class="control-group">
 179       <div class="controls">
 180        <button class="btn btn-primary" type="submit">{% trans "Save" %}</button>
 181       </div>
 182      </div>
 183
 184    </fieldset>
 185    </form>
 186
 187   </div>
 188
 189  </div>
 190
 191 {% endblock %}
 192
 193
 194 {% block javascript %}
 195
 196  <script lang="text/javascript">
 197   $(document).ready(function() {
 198     var url = document.location.toString();
 199     if (url.match('#')) {
 200         $('.nav-tabs a[href=#'+url.split('#')[1]+']').tab('show') ;
 201     }
 202   });
 203  </script>
 204
 205 {% endblock %}