LP1821382 Initials Serials menu; button styling
authorBill Erickson <berickxx@gmail.com>
Thu, 4 Apr 2019 18:00:01 +0000 (14:00 -0400)
committerDan Wells <dbw2@calvin.edu>
Wed, 29 May 2019 19:30:52 +0000 (15:30 -0400)
Record detail Serials drop-down added with subscription and MFHD manage
actions.

Quick receive action pending.

Record action buttons use outline styling to reduce the amount of page
color.

Signed-off-by: Bill Erickson <berickxx@gmail.com>
Signed-off-by: Dan Wells <dbw2@calvin.edu>
Open-ILS/src/eg2/src/app/staff/catalog/record/actions.component.html

index 7634103..452c3fe 100644 (file)
 <div class="row ml-0 mr-0">
 
   <a target="_blank" href="/eg/opac/record/{{recId}}">
 <div class="row ml-0 mr-0">
 
   <a target="_blank" href="/eg/opac/record/{{recId}}">
-    <button class="btn btn-info ml-1" i18n>View in Catalog</button>
+    <button class="btn btn-outline-primary ml-1" i18n>View in Catalog</button>
   </a>
 
   <a routerLink="/staff/catalog/hold/T" [queryParams]="{target: recId}">
   </a>
 
   <a routerLink="/staff/catalog/hold/T" [queryParams]="{target: recId}">
-    <button class="btn btn-info ml-1" i18n>Place Hold</button>
+    <button class="btn btn-outline-primary ml-1" i18n>Place Hold</button>
   </a>
 
   </a>
 
-  <button class="btn btn-info ml-1" (click)="addVolumes()" i18n>
+  <button class="btn btn-outline-primary ml-1" (click)="addVolumes()" i18n>
     Add Holdings
   </button>
 
   <div ngbDropdown placement="bottom-right" class="ml-1">
     Add Holdings
   </button>
 
   <div ngbDropdown placement="bottom-right" class="ml-1">
-    <button class="btn btn-info" id="actionsForDd" 
+    <button class="btn btn-outline-primary" id="actionsForSerials"
+      ngbDropdownToggle i18n>Serials</button>
+    <div ngbDropdownMenu aria-labelledby="actionsForSerials">
+      <a class="dropdown-item" href="/eg/staff/serials/{{recId}}" i18n>
+        Manage Subscriptions
+      </a>
+      <a class="dropdown-item" href="/eg/staff/serials/{{recId}}/manage-mfhds" i18n>
+        Manage MFHDs
+      </a>
+    </div>
+  </div>
+
+  <div ngbDropdown placement="bottom-right" class="ml-1">
+    <button class="btn btn-outline-primary" id="actionsForDd"
       ngbDropdownToggle i18n>Mark For...</button>
     <div ngbDropdownMenu aria-labelledby="actionsForDd">
       <button class="dropdown-item" (click)="mark('conjoined')">
       ngbDropdownToggle i18n>Mark For...</button>
     <div ngbDropdownMenu aria-labelledby="actionsForDd">
       <button class="dropdown-item" (click)="mark('conjoined')">
@@ -62,7 +75,7 @@
   </div>
 
   <div ngbDropdown placement="bottom-right" class="ml-1">
   </div>
 
   <div ngbDropdown placement="bottom-right" class="ml-1">
-    <button class="btn btn-info" id="otherActionsForDd" 
+    <button class="btn btn-outline-primary" id="otherActionsForDd"
       ngbDropdownToggle i18n>Other Actions</button>
     <div ngbDropdownMenu aria-labelledby="otherActionsForDd">
       <button class="dropdown-item" (click)="recordBucketDialog.open({size: 'lg'})">
       ngbDropdownToggle i18n>Other Actions</button>
     <div ngbDropdownMenu aria-labelledby="otherActionsForDd">
       <button class="dropdown-item" (click)="recordBucketDialog.open({size: 'lg'})">