From b0b4a4cbe646f5f65fed3040cc4df4bee4824208 Mon Sep 17 00:00:00 2001
From: artus <artus@landoftheunicorn.hd.free.fr>
Date: Sun, 21 Oct 2018 12:20:57 +0200
Subject: [PATCH] updates stats inside the modal in compterendu creation

---
 maraudes/templates/maraudes/compterendu.html | 60 +++-----------------
 website/static/scripts/bootstrap-modal.js    |  7 ++-
 2 files changed, 15 insertions(+), 52 deletions(-)

diff --git a/maraudes/templates/maraudes/compterendu.html b/maraudes/templates/maraudes/compterendu.html
index dafbd3e..55103b9 100644
--- a/maraudes/templates/maraudes/compterendu.html
+++ b/maraudes/templates/maraudes/compterendu.html
@@ -97,66 +97,24 @@
         <div class="card-header py-2 bg-dark text-white">{{ rencontre }}</div>
         <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 my-0 show-stats-btn" href="#" value="{{observation.sujet.pk}}">
-           Mise à jour</a>
+           <button class="btn btn-sm btn-outline-dark py-0 float-right" onclick="$.fn.openModal('/statistiques/update/{{observation.sujet.pk}}', 'Statistiques')">
+             <span aria-hidden="true" class="oi oi-pie-chart"></span>
+             <span class="sr-only">Mise à jour</span></button>
            <hr />
            <span class="text-justify">{{observation.text | linebreaks }}</span>
          {% endfor %}</div>
       </div>{% endfor %}
     </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 -->
 <script type="text/javascript">
   $(function(){
+      $.fn.openModalEvent('new-sujet',
+      '{% url "notes:create-sujet" %}?next={% url "maraudes:create" pk=maraude.pk %}',
+      'Nouveau sujet');
 
-  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',
-  '{% url "notes:create-sujet" %}?next={% url "maraudes:create" pk=maraude.pk %}',
-  'Nouveau sujet');
-
-  $.fn.openModalEvent('new-lieu',
-  '{% url "maraudes:lieu-create" %}?next={% url "maraudes:create" pk=maraude.pk %}',
-  'Nouveau lieu');
+      $.fn.openModalEvent('new-lieu',
+      '{% url "maraudes:lieu-create" %}?next={% url "maraudes:create" pk=maraude.pk %}',
+      'Nouveau lieu');
   });
 </script>
 
diff --git a/website/static/scripts/bootstrap-modal.js b/website/static/scripts/bootstrap-modal.js
index 5535069..50afe50 100644
--- a/website/static/scripts/bootstrap-modal.js
+++ b/website/static/scripts/bootstrap-modal.js
@@ -32,13 +32,18 @@
   $.fn.openModalEvent = function(id, href, title)
   {
     $('#'+id).click(function() {
+        $.fn.openModal(href,title);
+    });
+  };
+
+  $.fn.openModal = function(href, title)
+  {
       $('#form-modal-body').load(href, function()
         {
         $('.modal-title').text(title);
         $('#form-modal').modal('toggle');
         formAjaxSubmit("#form-modal-body form", "#form-modal");
         });
-    });
   };
 })(jQuery);