projects / koha.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Bug 7719 - Change state of controls based on whether boxes are checked
[koha.git] / koha-tmpl / opac-tmpl / prog / en / modules / opac-basket.tt
diff --git a/koha-tmpl/opac-tmpl/prog/en/modules/opac-basket.tt b/koha-tmpl/opac-tmpl/prog/en/modules/opac-basket.tt
index fff80cd..437cbd2 100644 (file)
--- a/koha-tmpl/opac-tmpl/prog/en/modules/opac-basket.tt
+++ b/koha-tmpl/opac-tmpl/prog/en/modules/opac-basket.tt
@@ -22,11 +22,15 @@
        <script type="text/javascript">
        //<![CDATA[
 
+var MSG_NO_RECORD_SELECTED = _("Please select one or more items");
 $(document).ready(function()
     {
         $("#itemst").tablesorter({
                         headers: { 0: { sorter: false },4:{sorter:false}}
                 });
+    $(".cb").click(function(){
+      enableCheckboxActions();
+    });
     }
 );
 
@@ -76,20 +80,22 @@ function tagAdded() {
        $(document).ready(function(){
                $("#CheckAll").click(function(){
                var checked = [];
-               $("#bookbag_form").checkCheckboxes("*", true).each(
+               $(".checkboxed").checkCheckboxes("*", true).each(
                    function() {
                                selRecord(this.value,true);
                        }
                );
+        enableCheckboxActions();
                return false;
            });
            $("#CheckNone").click(function(){
            var checked = [];
-               $("#bookbag_form").unCheckCheckboxes("*",true).each(
+               $(".checkboxed").unCheckCheckboxes("*",true).each(
                    function() {
                                selRecord(this.value,false);
                        }
                );
+        enableCheckboxActions();
                return false;
            });
 
@@ -110,6 +116,17 @@ function tagAdded() {
         }
     }
 [% END %][% END %]
+function enableCheckboxActions(){
+    // Enable/disable controls if checkboxes are checked
+    var checkedBoxes = $(".checkboxed input:checkbox:checked");
+    if ($(checkedBoxes).size()) {
+      $("#selections").html(_("With selected titles: "));
+      $("#selections-toolbar .links a").removeClass("disabled");
+    } else {
+      $("#selections").html(_("Select titles to: "));
+      $("#selections-toolbar .links a").addClass("disabled");
+    }
+}
        //]]>
        </script>
        [% END %]
@@ -134,16 +151,16 @@ function tagAdded() {
         [% END %]
 
 [% IF ( verbose ) %]
-       [% UNLESS ( print_basket ) %]<p style="padding: 7px 0; border-top : 1px solid #E8E8E8;"><a id="CheckAll" href="#">Select All</a> <a id="CheckNone" href="#">Clear All</a> | <b>Selected items :</b>
+       [% UNLESS ( print_basket ) %]<div id="selections-toolbar"><a id="CheckAll" href="#">Select all</a> <a id="CheckNone" href="#">Clear all</a> <span class="sep">|</span> <span class="links"><span id="selections">Select titles to: </span>
 <span id="tag_hides">
-<a href="#" onclick="delSelRecords(); return false;">Remove</a>
+<a href="#" class="deleteshelf disabled" onclick="delSelRecords(); return false;">Remove</a>
 [% IF ( opacuserlogin ) %]
     [% IF ( virtualshelves ) %][% IF ( loggedinusername ) %]
-         | <a href="#" onclick="addSelToShelf(); return false;">Add to a list</a>
+         | <a href="#" class="newshelf disabled" onclick="addSelToShelf(); return false;">Add to a list</a>
     [% END %][% END %]
-    [% IF ( RequestOnOpac ) %]| <a href="#" onclick="holdSel(); return false;">Place hold</a>[% END %]
+    [% IF ( RequestOnOpac ) %]| <a href="#" class="hold disabled" onclick="holdSel(); return false;">Place hold</a>[% END %]
     [% IF ( loggedinusername ) %][% IF ( TagsEnabled ) %]
-    | <a href="#" onclick="tagSelected(); return false;">Tag</a>[% END %][% END %]
+    | <a href="#" id="tagsel_tag" class="disabled" onclick="tagSelected(); return false;">Tag</a>[% END %][% END %]
 [% END %]
 </span>
      <span id="tagsel_form" style="display:none">
@@ -153,18 +170,19 @@ function tagAdded() {
            type="submit" value="Add" style="display:inline" />
        <a href="#" id="tagsel_cancel" onclick="tagCanceled(); return false;" style="display:inline">Cancel</a>
      </span>
-</p>[% END %]
-            <form action="opac-basket.pl" method="get" name="bookbag_form" id="bookbag_form">
+     </span>
+</div>[% END %]
+            <form action="opac-basket.pl" method="get" name="bookbag_form" id="bookbag_form" class="checkboxed">
     [% FOREACH BIBLIO_RESULT IN BIBLIO_RESULTS %]
     <h3>
         [% IF ( print_basket ) %]
             [% BIBLIO_RESULT.title |html %]
-                [% IF ( BIBLIO_RESULT.subtitle ) %] [% FOREACH subtitl IN BIBLIO_RESULT.subtitle %][% subtitl.subfield |html %][% END %][% END %]
+                [% IF ( BIBLIO_RESULT.subtitle ) %] [% FOREACH subtitl IN BIBLIO_RESULT.subtitle %] [% subtitl.subfield |html %] [% END %][% END %]
                 [% IF ( BIBLIO_RESULT.author ) %] [% BIBLIO_RESULT.author |html %][% END %]
         [% ELSE %]
-                <input type="checkbox" value="[% BIBLIO_RESULT.biblionumber %]" name="bib[% BIBLIO_RESULT.biblionumber %]" id="bib[% BIBLIO_RESULT.biblionumber %]" onclick="selRecord(value,checked)" />
+                <input type="checkbox" class="cb" value="[% BIBLIO_RESULT.biblionumber %]" name="bib[% BIBLIO_RESULT.biblionumber %]" id="bib[% BIBLIO_RESULT.biblionumber %]" onclick="selRecord(value,checked)" />
                 [% BIBLIO_RESULT.title |html %]
-                [% IF ( BIBLIO_RESULT.subtitle ) %] [% FOREACH subtitl IN BIBLIO_RESULT.subtitle %][% subtitl.subfield |html %][% END %][% END %]
+                [% IF ( BIBLIO_RESULT.subtitle ) %] [% FOREACH subtitl IN BIBLIO_RESULT.subtitle %] [% subtitl.subfield |html %] [% END %][% END %]
                 [% IF ( BIBLIO_RESULT.author ) %] [% BIBLIO_RESULT.author |html %][% END %]
         [% END %]
     </h3>
@@ -306,29 +324,28 @@ function tagAdded() {
 
 [% ELSE %]
 [% UNLESS ( print_basket ) %]
-<form action="/cgi-bin/koha/opac-basket.pl" method="get" name="bookbag_form" id="bookbag_form">
-<p style="border-top : 1px solid #E8E8E8;padding:5px 0;">
+<form action="/cgi-bin/koha/opac-basket.pl" method="get" name="bookbag_form" id="bookbag_form" class="checkboxed">
+<div id="selections-toolbar">
     <a id="CheckAll" href="#">Select All</a>
     <a id="CheckNone" href="#">Clear All</a>
-    | <b>Selected items :</b>
-<span id="tag_hides">
-<a href="#" onclick="delSelRecords(); return false;">Remove</a>
-[% IF ( opacuserlogin ) %]
-    [% IF ( virtualshelves ) %][% IF ( loggedinusername ) %]
-     | <a href="#" onclick="addSelToShelf(); return false;">Add to a list</a>
-    [% END %][% END %]
-    [% IF ( RequestOnOpac ) %]| <a href="#" onclick="holdSel(); return false;">Place hold</a>[% END %]
-    [% IF ( loggedinusername ) %][% IF ( TagsEnabled ) %]
-    | <a href="#" onclick="tagSelected(); return false;">Tag</a>[% END %][% END %]
-[% END %]
-</span>
-     [% IF ( opacuserlogin ) %][% IF ( loggedinusername ) %][% IF ( TagsEnabled ) %]<span id="tagsel_form" style="display:none">
-       <label for="tagsel_new" style="display:inline">New&nbsp;Tag:</label>
-       <input name="tagsel_new" id="tagsel_new" maxlength="100"  style="display:inline"/>
-       <input id="tagsel_button" name="tagsel_button" class="input tagsel_button" title="tagsel_button" type="submit" value="Add"  style="display:inline"/>
-       <a href="#" id="tagsel_cancel" onclick="tagCanceled(); return false;" style="display:inline">Cancel</a>
-     </span>[% END %][% END %][% END %]
-</p>
+    <span class="sep">|</span> <span class="links"><span id="selections">Select titles to: </span>
+        <a href="#" class="deleteshelf disabled" onclick="delSelRecords(); return false;">Remove</a>
+    [% IF ( opacuserlogin ) %]
+        [% IF ( virtualshelves ) %][% IF ( loggedinusername ) %]
+          <a href="#" class="newshelf disabled" onclick="addSelToShelf(); return false;">Add to a list</a>
+        [% END %][% END %]
+        [% IF ( RequestOnOpac ) %] <a href="#" class="hold disabled" onclick="holdSel(); return false;">Place hold</a>[% END %]
+        [% IF ( loggedinusername ) %][% IF ( TagsEnabled ) %]
+         <a href="#" class="disabled" id="tagsel_tag" onclick="tagSelected(); return false;">Tag</a>[% END %][% END %]
+    [% END %]
+    </span>
+         [% IF ( opacuserlogin ) %][% IF ( loggedinusername ) %][% IF ( TagsEnabled ) %]<span id="tagsel_form" style="display:none">
+           <label for="tagsel_new" style="display:inline">New&nbsp;Tag:</label>
+           <input name="tagsel_new" id="tagsel_new" maxlength="100"  style="display:inline"/>
+           <input id="tagsel_button" name="tagsel_button" class="input tagsel_button" title="tagsel_button" type="submit" value="Add"  style="display:inline"/>
+           <a href="#" id="tagsel_cancel" onclick="tagCanceled(); return false;" style="display:inline">Cancel</a>
+         </span>[% END %][% END %][% END %]</span>
+</div>
 [% END %]
     <table id="itemst">
        <thead><tr>
@@ -346,7 +363,7 @@ function tagAdded() {
                 <tr>
             [% END %]
             [% UNLESS ( print_basket ) %]<td>
-                        <input type="checkbox" value="[% BIBLIO_RESULT.biblionumber %]" name="bib[% BIBLIO_RESULT.biblionumber %]" id="bib[% BIBLIO_RESULT.biblionumber %]" onclick="selRecord(value,checked);" />
+                        <input type="checkbox" class="cb" value="[% BIBLIO_RESULT.biblionumber %]" name="bib[% BIBLIO_RESULT.biblionumber %]" id="bib[% BIBLIO_RESULT.biblionumber %]" onclick="selRecord(value,checked);" />
 
                 </td> [% END %]
             <td>
Koha ILS @ FFZG - based on git://git.koha.org/pub/scm/koha.git