Use modal view component to render header

tulibraries · May 28, 2024 · 8244380 · 8244380
1 parent 88c3aac
commit 8244380
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 15 deletions.
diff --git a/app/assets/stylesheets/tucob.scss.erb b/app/assets/stylesheets/tucob.scss.erb
@@ -214,7 +214,8 @@ img {
 /* === MODALS  === */
 
 .modal-title {
-  font-size: 1.4rem;
+  font-family: Roboto;
+  font-size: 1.5rem;
 }
 
 .modal-content #login {
@@ -298,3 +299,4 @@ img {
 //     color: #0f0 !important;
 //     outline: solid #f00 1px !important;
 // }
+
diff --git a/app/views/almaws/request_options.html.erb b/app/views/almaws/request_options.html.erb
@@ -1,9 +1,5 @@
-<div class="modal-header request-options-header justify-space-between">
-  <h1 id="modal-title"><%= t("requests.header") %></h1>
-	<button type="button" class="blacklight-modal-close btn-close close" data-dismiss="modal" aria-label="<%= t('blacklight.modal.close') %>">
-		<span aria-hidden="true" class="visually-hidden">&times;</span>
-	</button>
-</div>
+<%= render Blacklight::System::ModalComponent.new do |component| %>
+<% component.with_title { t("requests.header") } %>
 
 <div class="modal-body">
 
@@ -31,3 +27,5 @@
   </p>
   <% end %>
 </div>
+
+<% end %>
diff --git a/app/views/catalog/purchase_order.html.erb b/app/views/catalog/purchase_order.html.erb
@@ -1,12 +1,7 @@
-<% doc_presenter = show_presenter(@document) %>
-
-<div class="modal-header">
-  <h1 class="modal-title">Request Rapid Access</h1>
+<%= render Blacklight::System::ModalComponent.new do |component| %>
+<% component.with_title { t("purchase_order.header") } %>
 
-	<button type="button" class="blacklight-modal-close btn-close close" data-target="cancel" data-dismiss="modal" aria-label="<%= t('blacklight.modal.close') %>">
-		<span aria-hidden="true" class="visually-hidden">&times;</span>
-	</button>
-</div>
+<% doc_presenter = show_presenter(@document) %>
 
 <%= form_tag url_for(:controller => controller_name, :action => "purchase_order_action"), :id => "purchase_order_form", :class => "form-horizontal ajax_form", :method => :post do %>
 
@@ -40,3 +35,4 @@
   <button type="submit" class="btn btn-primary">Request</button>
   </div>
 <% end %>
+<% end %>
diff --git a/config/locales/en.yml b/config/locales/en.yml
@@ -46,6 +46,7 @@ en:
     creator: "You are viewing related items by the first author/creator listed in this record. This is sorted by the most recently published items."
     online_only: "Library use only items cannot be taken out of the library. These items must be used in the building."
   purchase_order:
+    header: "Request Rapid Access"
     purchase_order_allowed: "This ebook is available by request. This request option is limited to Temple University students, faculty, and staff. Once you submit the request, access is generally granted within 2 business days."
     purchase_order_text_1: "Please submit this form to request access to the following ebook:"
     purchase_order_text_2: "Access is generally granted within 2 business days. You will receive an email notification when the title is available for use."