mirror of https://github.com/ae-utbm/sith3.git
87 lines
3.7 KiB
Django/Jinja
87 lines
3.7 KiB
Django/Jinja
{% extends "core/base.jinja" %}
|
|
|
|
{% block title %}
|
|
{% trans %}Edit user{% endtrans %}
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<h2>{% trans %}Edit user profile{% endtrans %}</h2>
|
|
<form action="" method="post" enctype="multipart/form-data" id="user_edit">
|
|
{% csrf_token %}
|
|
{{ form.non_field_errors() }}
|
|
{% for field in form %}
|
|
<p>{{ field.errors }}<label for="{{ field.name }}">{{ field.label }}
|
|
{%- if field.name == "profile_pict" -%}
|
|
<br>{% trans %}Current profile: {% endtrans %}
|
|
{% if form.instance.profile_pict %}
|
|
<img src="{{ form.instance.profile_pict.get_download_url() }}" title="{% trans %}Profile{% endtrans %}" /><br>
|
|
{% if user.is_in_group(settings.SITH_MAIN_BOARD_GROUP) %}
|
|
<a href="{{ url('core:file_delete', file_id=form.instance.profile_pict.id, popup="") }}">{% trans %}Delete{% endtrans %}</a>
|
|
{% endif %}
|
|
{% else %}
|
|
<img src="{{ static('core/img/unknown.jpg') }}" title="-" crossOrigin="Anonymous" id="new_profile"/><br>
|
|
<div id="take_picture">
|
|
<div id="camera_canvas" style="width:320; height:240; margin: 0px auto;"></div>
|
|
<a href="javascript:void(take_snapshot())">{% trans %}Take picture{% endtrans %}</a>
|
|
</div>
|
|
<p>
|
|
{% endif %}<br>
|
|
{%- elif field.name == "avatar_pict" and form.instance.avatar_pict -%}
|
|
<br>{% trans %}Current avatar: {% endtrans %}
|
|
<img src="{{ form.instance.avatar_pict.get_download_url() }}" title="{% trans %}Avatar{% endtrans %}" /><br>
|
|
{%- elif field.name == "scrub_pict" and form.instance.scrub_pict -%}
|
|
<br>{% trans %}Current scrub: {% endtrans %}
|
|
<img src="{{ form.instance.scrub_pict.get_download_url() }}" title="{% trans %}Scrub{% endtrans %}" /><br>
|
|
{%- endif %}</label> {{ field }}</p>
|
|
{% endfor %}
|
|
<p><input type="submit" value="{% trans %}Update{% endtrans %}" /></p>
|
|
<p>{% trans %}Username: {% endtrans %}{{ form.instance.username }}</p>
|
|
{% if form.instance.customer %}
|
|
<p>{% trans %}Account number: {% endtrans %}{{ form.instance.customer.account_id }}</p>
|
|
{% endif %}
|
|
{% if form.instance == user %}
|
|
<p><a href="{{ url('core:password_change') }}">{% trans %}Change my password{% endtrans %}</a></p>
|
|
{% elif user.is_root %}
|
|
<p><a href="{{ url('core:password_root_change', user_id=form.instance.id) }}">{% trans %}Change user password{% endtrans %}</a></p>
|
|
{% endif %}
|
|
</form>
|
|
{% endblock %}
|
|
|
|
{% block script %}
|
|
{{ super() }}
|
|
{% if not form.instance.profile_pict %}
|
|
<script src="{{ static('core/js/webcam.js') }}"></script>
|
|
<script language="JavaScript">
|
|
Webcam.on('error', function(msg) { console.log('Webcam.js error: ' + msg) })
|
|
Webcam.set({
|
|
width: 320,
|
|
height: 240,
|
|
dest_width: 320,
|
|
dest_height: 240,
|
|
image_format: 'jpeg',
|
|
jpeg_quality: 90,
|
|
force_flash: false
|
|
});
|
|
Webcam.attach( '#camera_canvas' );
|
|
|
|
function take_snapshot() {
|
|
var data_uri = Webcam.snap();
|
|
var url = "{{ url('core:user_profile_upload', user_id=form.instance.id) }}";
|
|
Webcam.upload( data_uri, url, function(code, text) {
|
|
if (code == 302 || code == 200) {
|
|
$('#new_profile').attr('src', data_uri);
|
|
$('#take_picture').remove();
|
|
$('#id_profile_pict').remove();
|
|
} else {
|
|
console.log("Unknown error: ");
|
|
console.log(text);
|
|
}
|
|
}, "new_profile_pict", {name: 'csrfmiddlewaretoken', value: '{{ csrf_token }}'});
|
|
}
|
|
</script>
|
|
{% endif %}
|
|
{% endblock %}
|
|
|
|
|
|
|