From c9c21672941f6946e7e9e25279882968ac6459d2 Mon Sep 17 00:00:00 2001
From: balastegui <thomas.balastegui@gmail.com>
Date: Tue, 10 May 2016 16:59:10 +0200
Subject: [PATCH] Validation du popup playlist

---
 telemeta/templates/telemeta/home.html  |  2 +-
 telemeta/templates/telemeta/lists.html | 52 +++++++++++++++++++++++---
 2 files changed, 47 insertions(+), 7 deletions(-)

diff --git a/telemeta/templates/telemeta/home.html b/telemeta/templates/telemeta/home.html
index 38564a39..1a4b7ebc 100644
--- a/telemeta/templates/telemeta/home.html
+++ b/telemeta/templates/telemeta/home.html
@@ -10,7 +10,7 @@
 
 <div class="btn-module">
  <center>
-  <button type="button" id="btn-black" class="btn btn-default" onclick="location.href='{%url "telemeta-fullaccess-items"%}'"> <span class="glyphicon glyphicon-play" aria-hidden="true"></span> {% trans "Access to free    public sound items" %}</a></button>
+  <button type="button" id="btn-black" class="btn btn-default" onclick="location.href='{%url "telemeta-fullaccess-items"%}'"> <span class="glyphicon glyphicon-play" aria-hidden="true"></span> {% trans "Access to free public sound items" %}</a></button>
  </center>
 </div>
 
diff --git a/telemeta/templates/telemeta/lists.html b/telemeta/templates/telemeta/lists.html
index 866caf64..73847d81 100644
--- a/telemeta/templates/telemeta/lists.html
+++ b/telemeta/templates/telemeta/lists.html
@@ -15,11 +15,21 @@
 <script src="{{ STATIC_URL }}tablesorter/jquery.tablesorter.min.js" type="text/javascript"></script>
 <script src="{{ STATIC_URL }}jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
 <script>
-    jQuery(window).ready(function(){
+
+    /**
+      * Added by Thomas Balastegui :
+      * function that get variables from the Add popup
+      * and create a new playlist
+      */
+    function addNewPlaylist() {
+        var title = document.getElementById('titleAdd').value;
+        var description = document.getElementById('descriptionAdd').value;
         var p = playlistUtils;
-        var a = jQuery('#_new_playlist');
-        a.unbind('click').click(function(){p.showAdd(a);});
+        p.add({
+         title,
+         description
         });
+    }
 
     {% for playlist in playlists %}
         playlistUtils.addEditPlaylist('{{playlist.playlist.public_id}}','{{ playlist.playlist.title }}','{{playlist.playlist.description}}');
@@ -53,7 +63,36 @@
 
 {% comment "added by Killian Mary end" %}{% endcomment %}
 
+<!--
+ Added by Thomas Balastegui :
+ modal popup display and use of addNewPlaylist()
+-->
 {% block content %}
+    {% block modal %}
+    <div id="add" class="modal fade" role="dialog">
+      <div class="modal-dialog">
+        <div class="modal-content">
+          <div class="modal-header">
+            <button type="button" class="close" data-dismiss="modal">&times;</button>
+            <h4 class="modal-title"><b>{% trans "Add" %}</b></h4>
+          </div>
+            <div id="elementsAdd" class="modal-body">
+             <p><b>{% trans "Title"%}</b></p>
+              <input id="titleAdd" size="68">
+             <br><br>
+             <p><b>{% trans "Description"%}</b></p>
+              <input id="descriptionAdd" size="68">
+             <br><br>
+            </div>
+            <div class="modal-footer">
+              <button type="submit" name="submit" value="submit" class="btn btn-default" onclick="addNewPlaylist()">{% trans "Ok" %}</button>
+              <button type="button" class="btn btn-default" data-dismiss="modal">{% trans "Close" %}</button>
+            </div>
+        </div>
+      </div>
+    </div>
+{% endblock %}
+
 <div id="module-set" style="width: 33%">
 
     {% block module_searches %}
@@ -79,9 +118,9 @@
 <div class="home-description">
     <h1><img src="{{ STATIC_URL }}telemeta/images/playlist_title.png" alt="playlists" style="vertical-align:middle" /> {% trans "My playlists" %}</h1>
 
-    <a href="#" id="_new_playlist" style="float:right">
-    <button type="button" class="btn btn-default">
-      <span class="glyphicon glyphicon-plus"></span> {% trans "Add" %}</span>
+    <a href="#" id="_add" style="float:right">
+    <button type="button" class="btn btn-default" data-toggle="modal" data-target="#add">
+      <span class="glyphicon glyphicon-plus"></span> {% trans "Add" %}
     </button>
     </a>
 
@@ -169,3 +208,4 @@
     </div>
 </div>
 {% endblock %}
+
-- 
2.39.5