python/django-maraudes
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

updates stats inside the modal in compterendu creation

Browse Source
This commit is contained in:
artus
2018-10-21 12:20:57 +02:00
parent 416d7d47f7
commit b0b4a4cbe6
2 changed files with 15 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
maraudes/templates/maraudes/compterendu.html
View File

@@ -97,59 +97,17 @@
<div class="card-header py-2 bg-dark text-white">{{ rencontre }}</div> <div class="card-header py-2 bg-dark text-white">{{ rencontre }}</div>
<div class="card-body">{% for observation in rencontre.observations.all %} <div class="card-body">{% for observation in rencontre.observations.all %}
<a class="card-link btn-sm my-0" href="{% url "notes:details-sujet" observation.sujet.pk %}" id="sujet-name-{{observation.sujet.pk}}">{{observation.sujet}}</a> <a class="card-link btn-sm my-0" href="{% url "notes:details-sujet" observation.sujet.pk %}" id="sujet-name-{{observation.sujet.pk}}">{{observation.sujet}}</a>
<a class="card-link my-0 show-stats-btn" href="#" value="{{observation.sujet.pk}}"> <button class="btn btn-sm btn-outline-dark py-0 float-right" onclick="$.fn.openModal('/statistiques/update/{{observation.sujet.pk}}', 'Statistiques')">
Mise à jour</a> <span aria-hidden="true" class="oi oi-pie-chart"></span>
<span class="sr-only">Mise à jour</span></button>
<hr /> <hr />
<span class="text-justify">{{observation.text | linebreaks }}</span> <span class="text-justify">{{observation.text | linebreaks }}</span>
{% endfor %}</div> {% endfor %}</div>
</div>{% endfor %} </div>{% endfor %}
</div> </div>
<div class="card" id="update-stats">
<h6 class="card-header"><span id="sujet-name"></span> <small>Fiche statistiques</small>
<div class="pull-right" id="update-buttons">
<label for="submit-form" class="btn btn-primary" id="update-stats-btn" pk="">Enregistrer</label>
<span class="btn btn-primary btn-sm" id="cancel">Annuler</span>
</div></h6>
<div id="fiche-stats" class="well well-sm">
</div>
</div>
</div> <!-- Container --> </div> <!-- Container -->
<script type="text/javascript"> <script type="text/javascript">
$(function(){ $(function(){
function UpdateStats(pk) {
var name = $("#sujet-name-" + pk).text();
console.log("Update stats for ", pk, ":", name);
$("#fiche-stats").load("/statistiques/update/" + pk);
$("#sujet-name").text(name);
$("#saved-rencontres").hide();
$("#update-stats-btn").attr("pk", pk);
$("#update-stats").show();
};
$("#update-stats").hide();
$(".show-stats-btn").click(function(e) {
var value = $(this).attr("value");
UpdateStats(value);
});
$("#update-stats-btn").click(function(e) {
e.preventDefault();
var pk = $(this).attr("pk");
$.post("/statistiques/update/" + pk + "/", $("#update-stats-form").serialize());
$("#fiche-stats").html("");
$("#saved-rencontres").show();
$("#update-stats").hide();
});
$("#cancel").click(function() {
$("#fiche-stats").html("");
$("#saved-rencontres").show();
$("#update-stats").hide();
});
$.fn.openModalEvent('new-sujet', $.fn.openModalEvent('new-sujet',
'{% url "notes:create-sujet" %}?next={% url "maraudes:create" pk=maraude.pk %}', '{% url "notes:create-sujet" %}?next={% url "maraudes:create" pk=maraude.pk %}',
'Nouveau sujet'); 'Nouveau sujet');

7
website/static/scripts/bootstrap-modal.js vendored
View File

@@ -32,13 +32,18 @@
$.fn.openModalEvent = function(id, href, title) $.fn.openModalEvent = function(id, href, title)
{ {
$('#'+id).click(function() { $('#'+id).click(function() {
$.fn.openModal(href,title);
});
};
$.fn.openModal = function(href, title)
{
$('#form-modal-body').load(href, function() $('#form-modal-body').load(href, function()
{ {
$('.modal-title').text(title); $('.modal-title').text(title);
$('#form-modal').modal('toggle'); $('#form-modal').modal('toggle');
formAjaxSubmit("#form-modal-body form", "#form-modal"); formAjaxSubmit("#form-modal-body form", "#form-modal");
}); });
});
}; };
})(jQuery); })(jQuery);