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

5 files changed, 25 insertions, 1 deletions

diff --git a/admin/themes/clear/theme.css b/admin/themes/clear/theme.css
index 9a83f9e2e..feab5033c 100644
--- a/admin/themes/clear/theme.css
+++ b/admin/themes/clear/theme.css
@@ -73,6 +73,9 @@ TEXTAREA { cursor:text; font-size: 13px; }
   border-radius: 4px 4px;	/* round corners with CSS3 compliant browsers */
 }
 .tagSelection label { padding-right:12px; }
+.tagSelection LI.tagSelected {background-color:#dbe8f3;}
+.tagSelected LABEL {color:black;}
+
 .content ul.categoryActions a img { margin-left: 10px; }
 ul.thumbnails input { border:3px double #666; color:#666; font-size:10px; margin:0; background-color:#bbb; text-align: center;}
 INPUT[type="submit"]:hover , INPUT[type="reset"]:hover  { cursor: pointer; }
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>
diff --git a/admin/themes/roma/theme.css b/admin/themes/roma/theme.css
index 37a8a54c6..4bd785db0 100644
--- a/admin/themes/roma/theme.css
+++ b/admin/themes/roma/theme.css
@@ -84,6 +84,8 @@ TEXTAREA { cursor:text; font-size: 13px; }
   border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
 }
 .tagSelection label { padding-right:12px; }
+.tagSelection LI.tagSelected {background-color:#444;}
+.tagSelected LABEL {color:#ccc;}
 .content ul.categoryActions a img { margin-left: 10px; }
 ul.thumbnails input { border:3px double #999; color:#999; font-size:10px; margin:0; background-color:#444; text-align: center;}
 INPUT[type="submit"]:hover , INPUT[type="reset"]:hover  { cursor: pointer; }