|
1 | 1 | {% extends "base_lv1.html" %}
|
2 | 2 | {% load i18n %}
|
| 3 | +{% load user_avatar %} |
| 4 | +{% block content %} |
| 5 | +<style> |
| 6 | + #accountTabContent { min-height: 470px; } |
| 7 | + .avatar-rounded{ border-radius: 6px 6px 0 0; } |
| 8 | +</style> |
3 | 9 |
|
4 |
| -{% block breadcrumb %} |
5 |
| -<ul class="breadcrumb"> |
6 |
| - <li><a href="{% url index %}">{% trans 'Home' %}</a> <span class="divider">/</span></li> |
7 |
| - <li class="active">{% trans 'My Account' %}</li> |
8 |
| -</ul> |
| 10 | +<div class="row-fluid"> |
| 11 | + <div class="span9 offset2"> |
| 12 | + <div class="row-fluid"> |
| 13 | + <div class="span12"> |
| 14 | + <h4>{% trans "User information" %}:</h4> |
| 15 | + <div class="span8 well"> |
| 16 | + <dl> |
| 17 | + <dt>{% trans "First name" %}:</dt> |
| 18 | + <dd>{{ user.first_name }}</dd> |
| 19 | + <dt>{% trans "Last name" %}:</dt> |
| 20 | + <dd>{{ user.last_name }}</dd> |
| 21 | + <dt>{% trans "Username" %}:</dt> |
| 22 | + <dd>{{ user.username }}</dd> |
| 23 | + <dt>{% trans "Email" %}:</dt> |
| 24 | + <dd>{{ user.email }}</dd> |
| 25 | + </dl> |
| 26 | + <br> |
| 27 | + </div> |
| 28 | + <div class="span3"> |
| 29 | + <img class="avatar-rounded" src="{% user_avatar_url request.user '192' %}" alt=""> |
| 30 | + <div class="alert alert-info"> |
| 31 | + <small> |
| 32 | + <em> |
| 33 | + Change your avatar at: |
| 34 | + <a href="https://secure.gravatar.com"> |
| 35 | + https://secure.gravatar.com |
| 36 | + </a> |
| 37 | + </em> |
| 38 | + </small> |
| 39 | + </div> |
| 40 | + </div> |
| 41 | + </div> |
| 42 | + </div> |
| 43 | + <div class="row"> |
| 44 | + <ul class="nav nav-tabs" id="accountTab"> |
| 45 | + <li class="active"> |
| 46 | + <a data-toggle="tab" href="#profile"> |
| 47 | + <i class="icon icon-user"></i> {% trans "Profile" %}: |
| 48 | + </a> |
| 49 | + </li> |
| 50 | + <li> |
| 51 | + <a data-toggle="tab" href="#collections"> |
| 52 | + <i class="icon icon-book"></i> {% trans "My Collections" %}: |
| 53 | + </a> |
| 54 | + </li> |
| 55 | + <li> |
| 56 | + <a data-toggle="tab" href="#api_keys"> |
| 57 | + <i class="icon icon-lock"></i> {% trans "API token" %}: |
| 58 | + </a> |
| 59 | + </li> |
| 60 | + </ul> |
| 61 | + <div class="tab-content" id="accountTabContent"> |
| 62 | + <div id="profile" class="tab-pane in active"> |
| 63 | + <div class="span6"> |
| 64 | + <h4>{% trans "Change Password" %}:</h4> |
| 65 | + <div class="well"> |
| 66 | + <form id="change_password_form" action="{% url journalmanager.password_change %}" method="POST"> |
| 67 | + {% with password_form as form %} |
| 68 | + {% include "articletrack/includes/form_snippet.html" %} |
| 69 | + {% endwith %} |
| 70 | + </form> |
| 71 | + <br> |
| 72 | + </div> |
| 73 | + </div> |
| 74 | + <div class="span6"> |
| 75 | + <h4>{% trans "Notifications & Other preferences" %}:</h4> |
| 76 | + <div class="well"> |
| 77 | + <form id="profile_form" action="." method="POST"> |
| 78 | + {% with profile_form as form %} |
| 79 | + {% include "articletrack/includes/form_snippet.html" %} |
| 80 | + {% endwith %} |
| 81 | + </form> |
| 82 | + <br> |
| 83 | + </div> |
| 84 | + </div> |
| 85 | + </div> |
| 86 | + <div id="collections" class="tab-pane"> |
| 87 | + <div class="span12"> |
| 88 | + <h4>{% trans "My collections" %}:</h4> |
| 89 | + <div class="well"> |
| 90 | + <table class="table table-condensed table-hover"> |
| 91 | + <thead> |
| 92 | + <tr> |
| 93 | + <th class="span1">#</th> |
| 94 | + <th>{% trans "Collection" %}:</th> |
| 95 | + <th class="span2">{% trans "Am I manager?" %}</th> |
| 96 | + </tr> |
| 97 | + </thead> |
| 98 | + <tbody> |
| 99 | + {% for collection in my_collecttions %} |
| 100 | + <tr> |
| 101 | + <td>{{ forloop.counter }}</td> |
| 102 | + <td>{{ collection.name }}</td> |
| 103 | + <td> |
| 104 | + {% if collection.is_manager %} |
| 105 | + <i class="icon icon-ok"></i> |
| 106 | + {% else %} |
| 107 | + <i class="icon icon-remove"></i> |
| 108 | + {% endif %} |
| 109 | + </td> |
| 110 | + </tr> |
| 111 | + {% empty %} |
| 112 | + <tr> |
| 113 | + <td colspan="2">{% trans "No collections related yet!" %}</td> |
| 114 | + </tr> |
| 115 | + {% endfor %} |
| 116 | + </tbody> |
| 117 | + </table> |
| 118 | + </div> |
| 119 | + </div> |
| 120 | + </div> |
| 121 | + <div id="api_keys" class="tab-pane"> |
| 122 | + <div class="span12"> |
| 123 | + <h4>{% trans "API Token" %}:</h4> |
| 124 | + <div class="well"> |
| 125 | + <p>{% trans "This is your token" %}: <code>{{user.api_key.key}}</code></p> |
| 126 | + <p> |
| 127 | + <a href="http://docs.scielo.org/projects/scielo-manager/en/latest/dev/api.html" target="_blank"> |
| 128 | + {% trans 'Read more about the API usage' %} |
| 129 | + </a> |
| 130 | + </p> |
| 131 | + </div> |
| 132 | + </div> |
| 133 | + </div> |
| 134 | + </div> |
| 135 | + </div> |
| 136 | + </div> |
| 137 | +</div> |
9 | 138 | {% endblock %}
|
10 | 139 |
|
11 |
| -{% block content %} |
12 |
| - <div class="span8"> |
13 |
| - <ul> |
14 |
| - <li><a href="{% url journalmanager.password_change %}">Change my password</a></li> |
15 |
| - <li>Update my personal information</li> |
16 |
| - </ul> |
17 |
| - </div> |
18 |
| - <div class="span4 alert alert-info"> |
19 |
| - <h4>API Token</h4> |
20 |
| - <p>{{user.api_key.key}}</p> |
21 |
| - <p> |
22 |
| - <a href="http://docs.scielo.org/projects/scielo-manager/en/latest/dev/api.html" |
23 |
| - target="_blank"> |
24 |
| - {% trans 'Read more about the API usage' %} |
25 |
| - </a> |
26 |
| - </p> |
27 |
| - </div> |
| 140 | +{% block extrafooter %} |
| 141 | +{{ block.super }} |
| 142 | + <script> |
| 143 | + $(document).ready(function() { |
| 144 | + $('input', '#change_password_form').removeClass('span3').addClass('span12'); |
| 145 | + $('select', '#profile_form').addClass('span12').chosen(); |
| 146 | + }); |
| 147 | + </script> |
28 | 148 | {% endblock %}
|
0 commit comments