feature 1529: make the checked tags more obvious (distinct background color)

git-svn-id: http://piwigo.org/svn/trunk@5366 68402e56-0260-453c-a942-63ccdbb3a9ee

3 files changed, 20 insertions, 1 deletions

diff --git a/admin/themes/default/template/element_set_global.tpl b/admin/themes/default/template/element_set_global.tpl
index 960c229cb..f226bff84 100644
--- a/admin/themes/default/template/element_set_global.tpl
+++ b/admin/themes/default/template/element_set_global.tpl
@@ -1,4 +1,4 @@
-
+{include file='include/tag_selection.inc.tpl'}
 {include file='include/datepicker.inc.tpl'}
 
 {literal}
diff --git a/admin/themes/default/template/include/tag_selection.inc.tpl b/admin/themes/default/template/include/tag_selection.inc.tpl
new file mode 100644
index 000000000..6098dc2a0
--- /dev/null
+++ b/admin/themes/default/template/include/tag_selection.inc.tpl
@@ -0,0 +1,17 @@
+{literal}
+<script>
+$(document).ready(function(){
+  $(".tagSelection label").click(function () {
+    var parent = $(this).parent('li');
+    var checkbox = $(this).children("input[type=checkbox]");
+
+    if ($(checkbox).is(':checked')) {
+       $(parent).addClass("tagSelected"); 
+    }
+    else {
+       $(parent).removeClass('tagSelected'); 
+    }
+  });
+});
+</script>
+{/literal}
diff --git a/admin/themes/default/template/tags.tpl b/admin/themes/default/template/tags.tpl
index 4d7031897..bfc8bd2de 100644
--- a/admin/themes/default/template/tags.tpl
+++ b/admin/themes/default/template/tags.tpl
@@ -1,3 +1,5 @@
+{include file='include/tag_selection.inc.tpl'}
+
 <div class="titrePage">
   <h2>{'Manage tags'|@translate}</h2>
 </div>