From 051c405c70022937f7e55948588f6a18beab9fdf Mon Sep 17 00:00:00 2001
From: Guillaume Pellerin <guillaume.pellerin@ircam.fr>
Date: Fri, 4 Aug 2017 23:01:45 +0200
Subject: [PATCH] Select all items in collection (fix #151)

---
 .../telemeta/js/mediacollection_list.js       |  17 +++
 .../telemeta/inc/mediaitem_list.html          | 132 +++++++++---------
 2 files changed, 83 insertions(+), 66 deletions(-)
 create mode 100644 telemeta/static/telemeta/js/mediacollection_list.js

diff --git a/telemeta/static/telemeta/js/mediacollection_list.js b/telemeta/static/telemeta/js/mediacollection_list.js
new file mode 100644
index 00000000..99ffcf66
--- /dev/null
+++ b/telemeta/static/telemeta/js/mediacollection_list.js
@@ -0,0 +1,17 @@
+/**
+ * Created by crem on 19/05/16.
+ */
+$(function () {
+    $("#selectAll").click(function () {
+        if (this.checked) {
+            $(".check1").each(function () {
+                this.checked = true;
+            });
+        }
+        else {
+            $(".check1").each(function () {
+                this.checked = false;
+            });
+        }
+    });
+});
diff --git a/telemeta/templates/telemeta/inc/mediaitem_list.html b/telemeta/templates/telemeta/inc/mediaitem_list.html
index 93dc3fa4..819af103 100644
--- a/telemeta/templates/telemeta/inc/mediaitem_list.html
+++ b/telemeta/templates/telemeta/inc/mediaitem_list.html
@@ -4,85 +4,85 @@
 {% block extra_javascript %}
 <script src="{{ STATIC_URL }}telemeta/js/popupdiv.js" type="text/javascript"></script>
 <script src="{{ STATIC_URL }}telemeta/js/playlist.js" type="text/javascript"></script>
+<script src="{{ STATIC_URL }}telemeta/js/mediacollection_list.js" type="text/javascript"></script>
 {% endblock %}
 
 {% if items %}
     {% if user.is_authenticated %}
+        <form action="{% url "playlist"%}" method="post">
+        {% csrf_token %}
+    {% endif %}
 
-<form action="{% url "playlist"%}" method="post">
-{% csrf_token %}
+    <table class="listing">
+        <thead>
+            <tr>
+                <th></th>
+                <th>{% trans "Title" %}</th>
+                <th>{% trans "Digitized" %}</th>
+                <th>{% trans "Recordist" %}</th>
+                {% if location_name %}
+                    <th>{% trans "Location" %}</th>
+                {% else %}
+                    <th>{% trans "Country/Continent" %}</th>
+                {% endif %}
+                <th>{% trans "Year of recording" %}</th>
+                <th>{% trans "Code" %}</th>
+                {% if user.is_authenticated %}
+                    <th class="highlight"><input id="selectAll" type="checkbox"/> select all </th>
+                {% endif %}
+            </tr>
+        </thead>
+    <tbody>
 
-{% endif %}
+    {% for item in items %}
+    <tr {% if not forloop.counter0|divisibleby:"2" %}class="odd"{% endif %}>
+        <!-- Add the button to listen the item -->
+        <td align="center" style="vertical-align:middle;">
+            {% if item.file %}
+                <a href="#" id="{% url 'telemeta-item-export' item.public_id 'mp3' %}" onclick="playlistUtils.changeGlyph(this.id)" class="glyphicon glyphicon-play" style="font-size: 1.3em;text-decoration: none"><p style="opacity:0;font-size:0">d</p></a>
+            {% endif %}
+        </td>
+        <td>
+            <a href="{% url "telemeta-item-detail" item.public_id %}">{{ item }}</a>
+        </td>
+        <td align="center">
+            {% if item.file %}
+             <span class="glyphicon glyphicon-ok" style="font-size: 1.3em;color: green;"><p style="opacity:0;font-size:0">d</p></span>
+            {% endif %}
+        </td>
 
-<table class="listing">
-<thead>
-<tr>
-    <th></th>
-    <th>{% trans "Title" %}</th>
-    <th>{% trans "Digitized" %}</th>
-    <th>{% trans "Recordist" %}</th>
-    {% if location_name %}
-    <th>{% trans "Location" %}</th>
-    {% else %}
-    <th>{% trans "Country/Continent" %}</th>
-    {% endif %}
-    <th>{% trans "Year of recording" %}</th>
-    <th>{% trans "Code" %}</th>
-    {% if user.is_authenticated %}
-    <th class="highlight"><input id="selectAll" type="checkbox"/> select all </th>
-    {% endif %}
-</tr>
-</thead>
-<tbody>
-{% for item in items %}
-<tr {% if not forloop.counter0|divisibleby:"2" %}class="odd"{% endif %}>
-    <!-- Add the button to listen the item -->
-    <td align="center" style="vertical-align:middle;">
-                    {% if item.file %}
-                    <a href="#" id="{% url 'telemeta-item-export' item.public_id 'mp3' %}" onclick="playlistUtils.changeGlyph(this.id)" class="glyphicon glyphicon-play" style="font-size: 1.3em;text-decoration: none"><p style="opacity:0;font-size:0">d</p></a>
-                    {% endif %}
-    </td>
-    <td>
-        <a href="{% url "telemeta-item-detail" item.public_id %}">{{ item }}</a>
-    </td>
-    <td align="center">
-        {% if item.file %}
-         <span class="glyphicon glyphicon-ok" style="font-size: 1.3em;color: green;"><p style="opacity:0;font-size:0">d</p></span>
+        <td>{{ item.collector }}</td>
+        {% if location_name %}
+            <td>{{ item.location.name }}</td>
+        {% else %}
+            <td>{{ item.country_or_continent|default:'&nbsp;' }}</td>
         {% endif %}
-    </td>
 
-    <td>{{ item.collector }}</td>
-    {% if location_name %}
-    <td>{{ item.location.name }}</td>
-    {% else %}
-    <td>{{ item.country_or_continent|default:'&nbsp;' }}</td>
-    {% endif %}
-    <td>
-    {% if item.recorded_from_date %}
-        {{ item.recorded_from_date.year }}
-        {% if item.recorded_to_date and not item.recorded_to_date.year|equals:item.recorded_from_date.year %}
-            - {{ item.recorded_to_date.year }}
+        <td>
+        {% if item.recorded_from_date %}
+            {{ item.recorded_from_date.year }}
+            {% if item.recorded_to_date and not item.recorded_to_date.year|equals:item.recorded_from_date.year %}
+                - {{ item.recorded_to_date.year }}
+            {% endif %}
         {% endif %}
-    {% endif %}
-    </td>
-    <td>
-        {{ item.code|default:item.old_code }}
-    </td>
-    {% if user.is_authenticated %}
-    <td class="highlight"><input type="checkbox" class="check1" name="selected_items_list" value="{{ item.id }}"/></td>
-    {% endif %}
-</tr>
-{% endfor %}
-</tbody>
-</table>
-
-    {% if user.is_authenticated %}
-
-    <button style="margin-top:10px" type="submit" id="btn" class="btn btn-default">{% trans "Add to playlist" %}</button>
+        </td>
 
-</form>
+        <td>
+            {{ item.code|default:item.old_code }}
+        </td>
 
+        {% if user.is_authenticated %}
+            <td class="highlight"><input type="checkbox" class="check1" name="selected_items_list" value="{{ item.id }}"/></td>
         {% endif %}
+    </tr>
+    {% endfor %}
+    </tbody>
+    </table>
+
+    {% if user.is_authenticated %}
+        <button style="margin-top:10px" type="submit" id="btn" class="btn btn-default">{% trans "Add to playlist" %}</button>
+        </form>
+    {% endif %}
 
 {% else %}
     <p>{% trans "No item" %}</p>
-- 
2.39.5