[291] | 1 | {% load static %}
|
---|
| 2 | {% get_static_prefix as STATIC_PREFIX %}
|
---|
| 3 |
|
---|
| 4 | <html>
|
---|
| 5 | <head>
|
---|
| 6 | <script type="text/javascript" src="{{ STATIC_PREFIX }}protovis-r3.2.js"></script>
|
---|
[298] | 7 | <script type="text/javascript" src="{{ STATIC_PREFIX }}week-total.js"></script>
|
---|
| 8 | <script type="text/javascript" src="{{ STATIC_PREFIX }}year-total.js"></script>
|
---|
[291] | 9 | <style type="text/css">
|
---|
| 10 | #fig2 {
|
---|
| 11 | width: 860px;
|
---|
| 12 | height: 150px;
|
---|
| 13 | }
|
---|
| 14 | #fig {
|
---|
| 15 | width: 860px;
|
---|
| 16 | height: 390px;
|
---|
| 17 | }
|
---|
| 18 | </style>
|
---|
| 19 |
|
---|
| 20 | </head>
|
---|
| 21 | <body>
|
---|
[301] | 22 | <table>
|
---|
| 23 | <tr>
|
---|
| 24 | <td>
|
---|
| 25 | <a href="{% url running.views.index %}">User Overview</a>
|
---|
| 26 | </td>
|
---|
| 27 | <td>-</td>
|
---|
| 28 | <td>
|
---|
| 29 | {% if user.is_authenticated %}
|
---|
| 30 | <form method="post" action="{% url logout %}">
|
---|
| 31 | <input type="submit" value="logout" />
|
---|
| 32 | {% csrf_token %}
|
---|
| 33 | <input type="hidden" name="next" value="{{ request.path }}" />
|
---|
| 34 | </form>
|
---|
| 35 | {% else %}
|
---|
| 36 | <form method="post" action="{% url login %}">
|
---|
| 37 | {% csrf_token %}
|
---|
| 38 | <table>
|
---|
| 39 | <tr>
|
---|
| 40 | <td><input type="text" name="username" /></td>
|
---|
| 41 | <td><input type="password" name="password" /></td>
|
---|
| 42 | <td><input type="submit" value="login" /></td>
|
---|
| 43 | </tr>
|
---|
| 44 | </table>
|
---|
| 45 | <input type="hidden" name="next" value="{{ request.path }}" />
|
---|
| 46 | </form>
|
---|
| 47 | {% endif %}
|
---|
| 48 | </td>
|
---|
| 49 | </tr>
|
---|
| 50 | </table>
|
---|
| 51 | <h1>Welcome {{ user.username|default:"New User" }}</h1>
|
---|
| 52 | <a href="#results">Add new results</a>
|
---|
| 53 |
|
---|
[291] | 54 | <div id="center">
|
---|
[301] | 55 | <h3>Week totals in KM</h3>
|
---|
[291] | 56 | <div id="fig2">
|
---|
| 57 | <div id="week-statistics"> </div>
|
---|
| 58 | </div>
|
---|
[301] | 59 | <h3>Accumulated Totals in KM</h3>
|
---|
[291] | 60 | <div id="fig">
|
---|
| 61 | <div style="text-align:right;padding-right:20;">
|
---|
| 62 | <input checked id="scale" type="checkbox" onchange="vis.render()"
|
---|
| 63 | ><label for="scale">Scale to fit</label>
|
---|
| 64 | </div>
|
---|
| 65 | <div id="total-statistics"> </div>
|
---|
| 66 | </div>
|
---|
[301] | 67 | <h3>Avergage Speed in KM</h3>
|
---|
| 68 | <div id="fig">
|
---|
| 69 | <div style="text-align:right;padding-right:20;">
|
---|
| 70 | <input checked id="scale" type="checkbox" onchange="vis.render()"
|
---|
| 71 | ><label for="scale">Scale to fit</label>
|
---|
| 72 | </div>
|
---|
| 73 | <div id="speed-statistics"> </div>
|
---|
| 74 | </div>
|
---|
[291] | 75 | </div>
|
---|
[301] | 76 | {% if user.is_authenticated %}
|
---|
| 77 | {% if user.id == runninguser.id %}
|
---|
[298] | 78 | <form method="post" action="">
|
---|
| 79 | {% csrf_token %}
|
---|
| 80 | {{ formset.management_form }}
|
---|
| 81 | <table>
|
---|
| 82 | {% for form in formset %}
|
---|
| 83 | {% if forloop.first %}
|
---|
| 84 | <tr>
|
---|
| 85 | {% for field in form.visible_fields %}
|
---|
| 86 | <th>{{ field.label_tag }}</th>
|
---|
| 87 | {% endfor %}
|
---|
| 88 | </tr>
|
---|
| 89 | {% endif %}
|
---|
| 90 | <tr>
|
---|
| 91 | {% for field in form.visible_fields %}
|
---|
| 92 | {% if forloop.first %}
|
---|
| 93 | {% for hidden in form.hidden_fields %}
|
---|
| 94 | {{ hidden }}
|
---|
| 95 | {% endfor %}
|
---|
| 96 | {% endif %}
|
---|
| 97 |
|
---|
| 98 | <td>{{ field.errors }}{{ field }}</td>
|
---|
| 99 | {% endfor %}
|
---|
| 100 | </tr>
|
---|
| 101 | {% endfor %}
|
---|
| 102 | </table>
|
---|
| 103 | <input type="submit" value="Submit Values"/>
|
---|
| 104 | </form>
|
---|
[301] | 105 | {% else %}
|
---|
| 106 | Bewerk je eigen gegevens <a href="{% url running.views.user_index user.username %}">hier</a>.
|
---|
| 107 | {% endif %}
|
---|
| 108 | {% else %}
|
---|
| 109 | Login om je gegevens toe te voegen.
|
---|
| 110 | {% endif %}
|
---|
| 111 | <a name="results" />
|
---|
[291] | 112 |
|
---|
[298] | 113 |
|
---|
[291] | 114 | <script type="text/javascript+protovis">
|
---|
[298] | 115 | // Graph Week totals
|
---|
| 116 | var xhr = new XMLHttpRequest();
|
---|
[301] | 117 | xhr.open('GET', '{% url running.views.json_user_column runninguser.id %}', false);
|
---|
[298] | 118 | xhr.send(null);
|
---|
| 119 | var myData = JSON.parse(xhr.responseText, function (key, value) {
|
---|
| 120 | return value;
|
---|
| 121 | });
|
---|
| 122 | weekTotalGraph(myData, 'week-statistics');
|
---|
[291] | 123 | </script>
|
---|
| 124 |
|
---|
| 125 |
|
---|
| 126 | <script type="text/javascript+protovis">
|
---|
[298] | 127 | // Graph Year totals
|
---|
| 128 | var xhr = new XMLHttpRequest();
|
---|
[301] | 129 | xhr.open('GET', '{% url running.views.json_user_total runninguser.id %}', false);
|
---|
[298] | 130 | xhr.send(null);
|
---|
| 131 |
|
---|
| 132 | var data = JSON.parse(xhr.responseText, function (key, value) {
|
---|
| 133 | var type;
|
---|
| 134 | if ( value != null) {
|
---|
| 135 | if ( key === 'x') {
|
---|
| 136 | return new Date(value);
|
---|
| 137 | }
|
---|
[291] | 138 | }
|
---|
[298] | 139 | return value;
|
---|
| 140 | });
|
---|
| 141 | yearTotalGraph(data, 'total-statistics');
|
---|
| 142 | </script>
|
---|
[301] | 143 |
|
---|
| 144 |
|
---|
| 145 | <script type="text/javascript+protovis">
|
---|
| 146 | // Graph Average Speed
|
---|
| 147 | var xhr = new XMLHttpRequest();
|
---|
| 148 | xhr.open('GET', '{% url running.views.json_user_speed runninguser.id %}', false);
|
---|
| 149 | xhr.send(null);
|
---|
| 150 |
|
---|
| 151 | var data = JSON.parse(xhr.responseText, function (key, value) {
|
---|
| 152 | var type;
|
---|
| 153 | if ( value != null) {
|
---|
| 154 | if ( key === 'x') {
|
---|
| 155 | return new Date(value);
|
---|
| 156 | }
|
---|
| 157 | }
|
---|
| 158 | return value;
|
---|
| 159 | });
|
---|
| 160 | yearTotalGraph(data, 'speed-statistics');
|
---|
| 161 | </script>
|
---|
[291] | 162 | </body>
|
---|
| 163 | </html>
|
---|