Copy Location Search Groups : admin UI improvements
authorBill Erickson <berick@esilibrary.com>
Fri, 24 Feb 2012 20:43:47 +0000 (15:43 -0500)
committerDan Scott <dan@coffeecode.net>
Sun, 11 Mar 2012 00:20:58 +0000 (19:20 -0500)
Two improvements to the location group list.

1. Replace x / checkmark glyphs with clearer Visible / Not Visible
labels.  Thanks for the suggestions, Lebbeous.

2. Vertically align the edit actions block and the drag grips so the
actions are always in the same place.

Signed-off-by: Bill Erickson <berick@esilibrary.com>
Signed-off-by: Dan Scott <dan@coffeecode.net>

Open-ILS/src/templates/conify/global/asset/copy_location_group.tt2

index c62ec4a..5466e11 100644 (file)
 <div class='hidden'>
     <div dojoType='openils.widget.ProgressDialog' jsId='progressDialog'></div>
     <div id='dnd-drag-actions'>
-        <span>
-            <span style='padding:5px;' group="GRPID">
-                <span><a href="javascript:;" onclick="drawGroupEntries(GRPID)">GRPNAME</a></span>
-                [
-                <span>[% l('Visible') %]
-                    <span style='color:green' name='visible'>&#x2713;</span>
-                    <span style='color:red' name='invisible'>&#x2717;</span>
+        <table width='100%'><tr>
+            <td nowrap='nowrap' align='left'>
+                <span style='padding:5px;' group="GRPID">
+                    <span><a href="javascript:;" onclick="drawGroupEntries(GRPID)">GRPNAME</a></span>
                 </span>
+            </td>
+            <td align='right'>
+                [
+                <span style='color:green' name='visible'>[% l('Visible') %]</span>
+                <span style='color:red' name='invisible'>[% l('Not Visible') %]</span>
                 <span><a href="javascript:;" onclick="editGroup(GRPID)">[% l('Edit') %]</a></span>
                 <span><a href="javascript:;" onclick="deleteGroup(GRPID)">[% l('Delete') %]</a></span>
                 ]
-            </span>
-            <span></span>
-            <span class='acplg-drag-handle'></span>
-            <span class='acplg-drag-handle'></span>
-            <span class='acplg-drag-handle'></span>
+            </td>
+            <td align='right' width='32px'>
+                <span class='acplg-drag-handle'></span>
+                <span class='acplg-drag-handle'></span>
+                <span class='acplg-drag-handle'></span>
+            </td>
+        </tr></table>
         </span>
     </div>
     <div id='acplg-edit-dialog'></div>