Reformatting interface for Notice Triggers (Bug 3366)
authorOwen Leonard <oleonard@myacpl.org>
Thu, 25 Jun 2009 16:45:02 +0000 (11:45 -0500)
committerGalen Charlton <galen.charlton@liblime.com>
Mon, 29 Jun 2009 13:36:26 +0000 (08:36 -0500)
Breaking up the table of options into three separate ones for first, second, and third notices, each in its own tab.

Signed-off-by: Galen Charlton <galen.charlton@liblime.com>
koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css
koha-tmpl/intranet-tmpl/prog/en/modules/tools/overduerules.tmpl

index 165b860..a2f122a 100644 (file)
@@ -945,10 +945,12 @@ div.sysprefs div.hint {
 
 tr.highlight td {
        background-color : #F6F6F6;
+       border-color : #BCBCBC;
 }
 
 tr.highlight th[scope=row] {
        background-color : #DDDDDD;
+       border-color : #BCBCBC;
 }
 
 tr.confirm td, tr.highlight.confirm td {
index 566b246..526f8f4 100644 (file)
@@ -9,6 +9,7 @@ $(document).ready(function() {
         $('#branch').change(function() {
                 $('#selectlibrary').submit();
         });
+           $('#rulestabs > ul').tabs();
 });
 //]]>
 </script>
@@ -67,18 +68,18 @@ $(document).ready(function() {
             <form method="post" action="/cgi-bin/koha/tools/overduerules.pl">
                 <input type="hidden" name="op" value="save" />
                 <input type="hidden" name="branch" value="<!-- TMPL_VAR NAME="branch" -->" />
-                <table>
-                    <caption>Rules for overdue actions: <!--TMPL_IF Name="branch"--><!-- TMPL_VAR NAME="branch" --><!--TMPL_ELSE--> default library <!--/TMPL_IF-->
-                    <!--TMPL_IF Name="datasaved"-->
-                        <br /><div class="dialog message">INPUT SAVED</div>
-                    <!--/TMPL_IF -->
-                    </caption>
-                    <tr>
-                        <th rowspan="2">&nbsp;</th><th colspan="3" scope="col">First</th><th colspan="3" scope="col">Second</th><th colspan="3" scope="col">Third</th>
-                    </tr>
-                    <tr>
-                        <th scope="col">Delay</th><th scope="col">Letter</th><th scope="col">Debar</th><th scope="col">Delay</th><th scope="col">Letter</th><th scope="col">Debar</th><th scope="col">Delay</th><th scope="col">Letter</th><th scope="col">Debar</th>
-                    </tr>
+                               <h3>Rules for overdue actions: <!--TMPL_IF Name="branch"--><!-- TMPL_VAR NAME="branch" --><!--TMPL_ELSE--> default library <!--/TMPL_IF--></h3>
+                    <!--TMPL_IF Name="datasaved"--><div class="dialog message">INPUT SAVED</div> <!--/TMPL_IF -->
+
+  <div id="rulestabs" class="toptabs">
+       <ul class="ui-tabs-nav">
+      <li><a href="#first">First</a></li>
+      <li><a href="#second">Second</a></li>
+      <li><a href="#third">Third</a></li>
+       </ul>
+
+<div id="first"><table>
+                                       <tr><th>&nbsp;</th><th scope="col">Delay</th><th scope="col">First Letter</th><th scope="col">Debar</th></tr>
                     <!-- TMPL_LOOP NAME="table" -->
                      <!-- TMPL_UNLESS NAME="__odd__" -->
                                 <tr class="highlight">
@@ -112,6 +113,20 @@ $(document).ready(function() {
                                     <input type="checkbox" name="debarred1-<!-- TMPL_VAR NAME="overduename" -->" value="1" />
                                 <!-- /TMPL_IF -->
                             </td>
+                                                       </tr>
+                                                       <!-- /TMPL_LOOP -->
+                                                       </table>
+</div>
+
+<div id="second"><table>
+                                       <tr><th>&nbsp;</th><th scope="col">Delay</th><th scope="col">Second Letter</th><th scope="col">Debar</th></tr>
+                    <!-- TMPL_LOOP NAME="table" -->
+                     <!-- TMPL_UNLESS NAME="__odd__" -->
+                                <tr class="highlight">
+                            <!-- TMPL_ELSE -->
+                                <tr>
+                            <!-- /TMPL_UNLESS -->
+                            <th scope="row"><!-- TMPL_VAR NAME="line" --></th>
 <td>
                                 <input name="delay2-<!-- TMPL_VAR NAME="overduename" -->" size="5" value="<!-- TMPL_VAR NAME="delay2" -->" />
                             </td>
@@ -138,6 +153,20 @@ $(document).ready(function() {
                                     <input type="checkbox" name="debarred2-<!-- TMPL_VAR NAME="overduename" -->" value="1" />
                                 <!-- /TMPL_IF -->
                             </td>
+                                                       </tr>
+                                                       <!-- /TMPL_LOOP -->
+                                                       </table>
+</div>
+
+<div id="third"><table>
+                                       <tr><th>&nbsp;</th><th scope="col">Delay</th><th scope="col">Third Letter</th><th scope="col">Debar</th></tr>
+                    <!-- TMPL_LOOP NAME="table" -->
+                     <!-- TMPL_UNLESS NAME="__odd__" -->
+                                <tr class="highlight">
+                            <!-- TMPL_ELSE -->
+                                <tr>
+                            <!-- /TMPL_UNLESS -->
+                            <th scope="row"><!-- TMPL_VAR NAME="line" --></th>
 <td>
                                 <input name="delay3-<!-- TMPL_VAR NAME="overduename" -->" size="5" value="<!-- TMPL_VAR NAME="delay3" -->" />
                             </td>
@@ -167,6 +196,9 @@ $(document).ready(function() {
                         </tr>
                     <!-- /TMPL_LOOP -->
                 </table>
+</div>
+</div>
+
                 <fieldset class="action"><input type="submit" value="Save Changes" /></fieldset>
             </form>
             <!-- TMPL_ELSE -->