52 lines
1.9 KiB
HTML
52 lines
1.9 KiB
HTML
{% extends "users/base.html" %}
|
|
{% load crispy_forms_tags %}
|
|
{% block content %}
|
|
<div class="content-section">
|
|
<h3>Reihenfolge im Organigramm von {{ user_first_name }} {{ user_last_name }}</h3>
|
|
<small>Elemente mit einer größeren Zahl werden im Organigramm weiter oben angezeigt. Die Änderungen werden sofort gespeichert.</small>
|
|
<hr>
|
|
<div class="col-12">
|
|
{% for area in areas %}
|
|
<h4>Bereich {{ area.name }}</h4>
|
|
{% for prio in prios %}
|
|
{% if prio.task.area == area %}
|
|
<div class="form-group row">
|
|
<label for="{{forloop.counter}}" class="col-sm-2 col-form-label"><h5>{{ prio.task.name }}</h5></label>
|
|
<div class="col-sm-1" style="float:right" >
|
|
<input type="number" min="0" class="form-control" id="{{forloop.counter}}" value="{{ prio.prio}}" onkeyup="javascript:updatePrio({{prio.pk}}, {{prio.task.pk}}, this.value)" onchange="javascript:updatePrio({{prio.pk}}, {{prio.task.pk}}, this.value)"></div><span class="badge badge-success mt-1 mb-3" id="save_{{prio.pk}}" style="display: none; font-size: 0.8em;">Gespeichert</span>
|
|
</div>
|
|
{% endif %}
|
|
{% endfor%}
|
|
<hr>
|
|
{% endfor %}
|
|
</div>
|
|
<a href="{% url 'users-dashboard' %}" class="btn btn-success">Zum Dashboard</a>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
function updatePrio(prio, task, value)
|
|
{
|
|
console.log({{userprio.pk}} + " " + prio + " " + task + " VAL: " + value);
|
|
$.ajax(
|
|
{
|
|
type: "GET",
|
|
url: "/dashboard/prioupdate",
|
|
data:{
|
|
userid: {{user_id}},
|
|
prioid : 'adduser',
|
|
taskid : task,
|
|
value : value
|
|
},
|
|
success: function( data )
|
|
{
|
|
$('#save_'+prio).show();
|
|
setTimeout(function() {
|
|
$('#save_'+prio).fadeOut();
|
|
}, 1000 );
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
{% endblock content %}
|
|
|