From c10ba632e14957ac18ee2e881248a6183b558a68 Mon Sep 17 00:00:00 2001
From: Owen Leonard <oleonard@myacpl.org>
Date: Thu, 31 Jan 2013 09:39:38 -0500
Subject: [PATCH] [SIGNED-OFF] Bug 9627 - Replace YUI buttons and menus on
 serials pages with Bootstrap

This patch converts the toolbar include file used by Serials pages to
Bootstrap, replacing YUI button and menu code with Bootstrap markup.

To test, view any page in serials/ which uses serials-toolbar.inc
(subscription-detail.pl, serials-home.pl, etc).
Buttons and menus should look correct and work correctly, including:

- New subscription
- Edit subscription
- Edit as new (duplicate)
- Delete subscription
- Renew
- Receive
- Close

Signed-off-by: Bernardo Gonzalez Kriegel <bgkriegel@gmail.com>

Comment: Work as described. No errors.
For me it would be better to use icon-remove, because icon-remove-circle
shows a little cross, think that a bigger cross is more clear.
---
 .../prog/en/includes/serials-toolbar.inc           |  108 ++++++++------------
 1 file changed, 40 insertions(+), 68 deletions(-)

diff --git a/koha-tmpl/intranet-tmpl/prog/en/includes/serials-toolbar.inc b/koha-tmpl/intranet-tmpl/prog/en/includes/serials-toolbar.inc
index 0e7497d..efc32dd 100644
--- a/koha-tmpl/intranet-tmpl/prog/en/includes/serials-toolbar.inc
+++ b/koha-tmpl/intranet-tmpl/prog/en/includes/serials-toolbar.inc
@@ -1,4 +1,4 @@
-<div id="toolbar"><script type="text/javascript">
+<script type="text/javascript">
 	//<![CDATA[
 
     function confirm_close() {
@@ -13,68 +13,34 @@
             window.location="subscription-detail.pl?subscriptionid=[% subscriptionid %]&op=reopen";
         }
     }
-	// prepare DOM for YUI Toolbar
 
 	 $(document).ready(function() {
-	    $("#editmenuc").empty();
-	    $("#duplicate").parent().remove();
-		$("#delete").parent().remove();
-	 	$("#renewc").empty();
-	    yuiToolbar();
+        $("#deletesub").click(function(){
+            confirm_deletion();
+            return false;
+        });
+        $("#reopen").click(function(){
+            confirm_reopen();
+            return false;
+        });
+        $("#close").click(function(){
+            confirm_close();
+            return false;
+        });
+        $("#renew").click(function(){
+            popup([% subscriptionid %]);
+            return false;
+        })
 	 });
-
-	// YUI Toolbar Functions
-
-	function yuiToolbar() {
-	
-    [% IF ( subscriptionid ) %]
-	    var editmenu = [
-	        [% IF ( CAN_user_serials_edit_subscription ) %]
-            { text: _("Edit subscription"),  [% IF ( cannotedit ) %]disabled: true, [% END %] url: "/cgi-bin/koha/serials/subscription-add.pl?op=modify&amp;subscriptionid=[% subscriptionid %]" },
-		[% END %]
-	        [% IF ( CAN_user_serials_create_subscription ) %]
-            { text: _("Edit as new (duplicate)"), [% IF ( cannotedit ) %]disabled: true, [% END %] url: "/cgi-bin/koha/serials/subscription-add.pl?op=dup&amp;subscriptionid=[% subscriptionid %]" },
-		[% END %]
-	        [% IF ( CAN_user_serials_delete_subscription ) %]
-            { text: _("Delete subscription"), [% IF ( cannotedit ) %]disabled: true, [% END %] onclick: {fn: confirm_deletion }}
-		[% END %]
-	    ];
-	 [% END %]
-	    new YAHOO.widget.Button("newsubscription");
-	    [% IF ( subscriptionid ) %]		
-		new YAHOO.widget.Button({
-              id: "renew", 
-              type: "link", 
-			  href: "#",
-              label: _("Renew"), 
-              container: "renewc",
-onclick: {fn:function(){popup([% subscriptionid %])}}
-          });
-	[% IF ( subscriptionid ) %]	  
-	new YAHOO.widget.Button({
-	        type: "menu",
-	        label: _("Edit"),
-	        name: "editmenubutton",
-	        menu: editmenu,
-	        container: "editmenuc"
-			
-	    });
-		[% END %]
-	    new YAHOO.widget.Button("renew");
-	    new YAHOO.widget.Button("receive");
-        new YAHOO.widget.Button("close");
-        new YAHOO.widget.Button("reopen");
-		[% END %]
-	}
-
 	//]]>
 	</script>
-<ul class="toolbar">
+<div id="toolbar" class="btn-toolbar">
+
     [% IF ( CAN_user_serials_create_subscription ) %]
         [% IF ( biblionumber_for_new_subscription ) %]
-            <li><a id="newsubscription" href="/cgi-bin/koha/serials/subscription-add.pl?biblionumber_for_new_subscription=[% biblionumber_for_new_subscription %]">New subscription</a></li>
+            <div class="btn-group"><a id="newsubscription" class="btn btn-small" href="/cgi-bin/koha/serials/subscription-add.pl?biblionumber_for_new_subscription=[% biblionumber_for_new_subscription %]"><i class="icon-plus"></i> New subscription</a></div>
         [% ELSE %]
-            <li><a id="newsubscription" href="/cgi-bin/koha/serials/subscription-add.pl">New subscription</a></li>
+            <div class="btn-group"><a id="newsubscription" class="btn btn-small" href="/cgi-bin/koha/serials/subscription-add.pl"><i class="icon-plus"></i> New subscription</a></div>
         [% END %]
     [% END %]
 
@@ -83,37 +49,43 @@ onclick: {fn:function(){popup([% subscriptionid %])}}
 
             [% IF ( CAN_user_serials_edit_subscription || CAN_user_serials_create_subscription || CAN_user_serials_delete_subscription ) %]
                 [% UNLESS ( cannotedit ) %]
-                    <li id="editmenuc"><a id="edit" href="/cgi-bin/koha/serials/subscription-add.pl?op=modify&amp;subscriptionid=[% subscriptionid %]">Edit</a></li>
+                    <div class="btn-group">
+                        <button class="btn btn-small dropdown-toggle" data-toggle="dropdown"><i class="icon-pencil"></i> Edit <span class="caret"></span></button>
+                            <ul class="dropdown-menu">
+                                [% IF ( cannotedit ) %] <li class="disabled"> [% ELSE %]
+                                <li> [% END %]
+                                <a href="/cgi-bin/koha/serials/subscription-add.pl?op=modify&amp;subscriptionid=[% subscriptionid %]">Edit subscription</a></li>
+                                [% IF ( cannotedit ) %] <li class="disabled"> [% ELSE %]
+                                <li> [% END %]
+                                <a href="/cgi-bin/koha/serials/subscription-add.pl?op=dup&amp;subscriptionid=[% subscriptionid %]">Edit as new (duplicate)</a></li>
+                                [% IF ( CAN_user_serials_delete_subscription ) %]
+                                [% IF ( cannotedit ) %] <li class="disabled"> [% ELSE %]
+                                <li> [% END %]
+                                <a href="#" id="deletesub">Delete subscription</a></li>[% END %]
+                            </ul>
+                    </div>
                 [% END %]
             [% END %]
 
-            [% IF ( CAN_user_serials_create_subscription ) %]
-                <li><a id="duplicate" href="/cgi-bin/koha/serials/subscription-add.pl?op=dup&amp;subscriptionid=[% subscriptionid %]">Duplicate </a></li>
-            [% END %]
-
             [% UNLESS ( cannotedit ) %]
                 [% UNLESS closed %]
                     [% IF ( CAN_user_serials_renew_subscription ) %]
-                        <li id="renewc"><a id="renew" href="#" onclick="popup([% subscriptionid %])">Renew </a></li>
+                        <div class="btn-group"><a id="renew" class="btn btn-small" href="#" onclick="popup([% subscriptionid %])"><i class="icon-refresh"></i> Renew</a></div>
                     [% END %]
                 [% END %]
                 [% IF ( CAN_user_serials_receive_serials ) %]
                     [% UNLESS closed %]
-                        <li><a id="receive" href="/cgi-bin/koha/serials/serials-edit.pl?subscriptionid=[% subscriptionid %]&amp;serstatus=1,3">Receive</a></li>
+                        <div class="btn-group"><a id="receive" class="btn btn-small" href="/cgi-bin/koha/serials/serials-edit.pl?subscriptionid=[% subscriptionid %]&amp;serstatus=1,3"><i class="icon-inbox"></i> Receive</a></div>
                     [% END %]
                 [% END %]
                 [% IF CAN_user_serials_edit_subscription %]
                     [% IF closed %]
-                        <li><a id="reopen" href="javascript:confirm_reopen();">Reopen</a></li>
+                        <div class="btn-group"><a id="reopen" class="btn btn-small" href="#">Reopen</a></div>
                     [% ELSE %]
-                        <li><a id="close" href="javascript:confirm_close();">Close</a></li>
+                        <div class="btn-group"><a id="close" class="btn btn-small" href="#"><i class="icon-remove-circle"></i> Close</a></div>
                     [% END %]
                 [% END %]
-                [% IF ( CAN_user_serials_delete_subscription ) %]
-                    <li><a id="delete" href="javascript:confirm_deletion()">Delete</a></li>
-                [% END %]
             [% END %]
         [% END %]
     [% END %]
-</ul>
 </div>
-- 
1.7.9.5