mygpo/web/templates/account.html

   1 {% extends "base.html" %}
   2 {% load i18n %}
   3
   4 {% load menu %}
   5 {% block mainmenu %}{{ "/account/"|main_menu }}{% endblock %}
   6 {% block sectionmenu %}{{ "/account/"|section_menu }}{% endblock %}
   7
   8 {% block title %}{% trans "Account Settings" %}{% endblock %}
   9
  10 {% block header %}
  11   <h1>{% trans "Account Settings" %}</h1>
  12 {% endblock %}
  13
  14 {% block content %}
  15
  16  <div class="tab-content">
  17   <ul class="nav nav-tabs">
  18    <li class="active">
  19     <a href="#account" data-toggle="tab">Account</a>
  20    </li>
  21    <li>
  22     <a href="#profile" data-toggle="tab">Public Profile</a>
  23    </li>
  24    <li>
  25     <a href="#flattr" data-toggle="tab">Flattr</a>
  26    </li>
  27   </ul>
  28
  29
  30   <div class="tab-pane active" id="account">
  31
  32    <form action="{% url "account" %}" method="POST" class="form-horizontal">
  33     {% csrf_token %}
  34
  35     <fieldset>
  36      <legend>{% trans "Account Data" %}</legend>
  37
  38      <div class="control-group">
  39       <label class="control-label" for="input01">{{ form.email.label_tag }}</label>
  40       <div class="controls">
  41        {{ form.email }}
  42       </div>
  43      </div>
  44
  45      <div class="control-group">
  46       <label class="control-label" for="input01">{{ form.password_current.label_tag }}</label>
  47       <div class="controls">
  48        {{ form.password_current }}
  49       </div>
  50      </div>
  51
  52      <div class="control-group">
  53       <label class="control-label" for="input01">{{ form.password1.label_tag }}</label>
  54       <div class="controls">
  55        {{ form.password1 }}
  56       </div>
  57      </div>
  58
  59      <div class="control-group">
  60       <label class="control-label" for="input01">{{ form.password2.label_tag }}</label>
  61       <div class="controls">
  62        {{ form.password2 }}
  63       </div>
  64      </div>
  65
  66      <div class="control-group">
  67       <div class="controls">
  68        <button class="btn btn-primary" type="submit">{% trans "Save" %}</button>
  69       </div>
  70      </div>
  71
  72    </fieldset>
  73    </form>
  74
  75
  76    <h2>{% trans "Connected Services" %}</h2>
  77
  78    <table class="list">
  79
  80     <tr>
  81      <td><strong>{% trans "Google" %}</strong></td>
  82      <td>
  83       {% if user.google_email %}
  84        {% blocktrans with user.google_email as gmail %}Connected with {{ gmail }}{% endblocktrans %}
  85        <form method="post" action="{% url "account-google-remove" %}">
  86         {% csrf_token %}
  87         <button class="btn" type="submit">{% trans "Disconnect" %}</button>
  88        </form>
  89       {% else %}
  90        <a class="btn" href="{% url "login-google" %}">{% trans "Connect" %}</a>
  91       {% endif %}
  92      </td>
  93     </tr>
  94
  95     <tr>
  96      <td><strong>{% trans "Flattr" %}</strong></th>
  97      <td>
  98       {% if flattr_form.token.value %}
  99        {% blocktrans with flattr.get_auth_username as flattrname %}Connected with <a href="https://flattr.com/profile/{{ flattrname }}">{{ flattrname }}</a>{% endblocktrans %}
 100        <a class="btn" href="{% url "flattr-logout" %}">{% trans "Disconnect" %}</a>
 101       {% else %}
 102        <a class="btn" href="{{ flattr.get_auth_url }}">{% trans "Connect" %}</a>
 103       {% endif %}
 104      </td>
 105     </tr>
 106
 107    </table>
 108
 109
 110
 111    <h2>{% trans "Delete Account" %}</h2>
 112
 113    <div class="well">
 114     <a class="btn btn-danger" href="{% url "delete-account" %}">{% trans "Delete Account" %}</a>
 115    </div>
 116
 117   </div>
 118
 119   <div class="tab-pane" id="profile">
 120
 121    <form action="{% url "profile" %}" method="POST" class="form-horizontal">
 122     {% csrf_token %}
 123     <legend>{% trans "Public profile" %}
 124      <small>
 125       <a href="{% url "user" user.username %}{% if userpage_token %}?token={{ userpage_token }}{% endif %}">
 126        {% trans "for your userpage" %}
 127       </a>
 128      </small>
 129     </legend>
 130
 131     <fieldset>
 132
 133      <div class="control-group">
 134       <label class="control-label" for="twitter">{{ profile_form.twitter.label_tag }}</label>
 135       <div class="controls">
 136        <div class="input-prepend">
 137         <span class="add-on">@</span>
 138         <input type="text" id="id_twitter" name="twitter" placeholder="username" value="{{ profile_form.twitter.value|default:"" }}">
 139        </div>
 140       </div>
 141      </div>
 142
 143      <div class="control-group">
 144       <label class="control-label" for="about">{{ profile_form.about.label_tag }}
 145        <span class="help-inline">{{ profile_form.about.help_text }}</span>
 146       </label>
 147       <div class="controls">
 148        {{ profile_form.about }}
 149       </div>
 150      </div>
 151
 152      <div class="control-group">
 153       <div class="controls">
 154        <button class="btn btn-primary" type="submit">{% trans "Save" %}</button>
 155       </div>
 156      </div>
 157
 158    </fieldset>
 159    </form>
 160
 161   </div>
 162
 163
 164   <div class="tab-pane" id="flattr">
 165
 166    <form action="{% url "flattr-settings" %}" method="POST" class="form-horizontal">
 167     {% csrf_token %}
 168     <legend>
 169      {% trans "Flattr" %}
 170      <small><a href="https://flattr.com/about">{% trans "What's that?" %}</a></small>
 171     </legend>
 172
 173     <fieldset>
 174
 175      <div class="control-group">
 176       <label class="control-label" for="token">{% trans "Flattr User" %}</label>
 177       <div class="controls">
 178        {% if flattr_form.token.value %}
 179         {% blocktrans with flattr.get_auth_username as flattrname %}Connected with <a href="https://flattr.com/profile/{{ flattrname }}">{{ flattrname }}</a>{% endblocktrans %}
 180         <a class="btn" href="{% url "flattr-logout" %}">{% trans "Disconnect" %}</a>
 181        {% else %}
 182         <a class="btn" href="{{ flattr.get_auth_url }}">{% trans "Connect" %}</a>
 183        {% endif %}
 184       </div>
 185      </div>
 186
 187      <div class="control-group">
 188       <label class="control-label" for="about">{{ flattr_form.enable.label_tag }}
 189       </label>
 190       <div class="controls">
 191        {{ flattr_form.enable }}
 192       </div>
 193      </div>
 194
 195      <div class="control-group">
 196       <label class="control-label" for="about">{% blocktrans with site as sitename %}Auto-Flattr {{ sitename }}{% endblocktrans %}
 197       </label>
 198       <div class="controls">
 199        {{ flattr_form.flattr_mygpo }}
 200       </div>
 201      </div>
 202
 203      <div class="control-group">
 204       <label class="control-label" for="username">{% blocktrans with site as sitename %}Username for publishing own content{% endblocktrans %}
 205       </label>
 206       <div class="controls">
 207        {{ flattr_form.username }}
 208       </div>
 209      </div>
 210
 211
 212
 213      <div class="control-group">
 214       <div class="controls">
 215        <button class="btn btn-primary" type="submit">{% trans "Save" %}</button>
 216       </div>
 217      </div>
 218
 219    </fieldset>
 220    </form>
 221
 222   </div>
 223
 224  </div>
 225
 226 {% endblock %}
 227
 228
 229 {% block javascript %}
 230
 231  <script lang="text/javascript">
 232   $(document).ready(function() {
 233     var url = document.location.toString();
 234     if (url.match('#')) {
 235         $('.nav-tabs a[href=#'+url.split('#')[1]+']').tab('show') ;
 236     }
 237   });
 238  </script>
 239
 240 {% endblock %}