From a1cfb16e69cac566cb40b29b1493c2e1617a5049 Mon Sep 17 00:00:00 2001
From: Mikhail Grigoriev <mikhailgrigoriev92@gmail.com>
Date: Mon, 16 Dec 2024 21:04:41 -0500
Subject: [PATCH 1/2] feat: add new tooltips for Application paused and
 Published

---
 .../organizations/staff/pets/_form.html.erb   | 20 +++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/app/views/organizations/staff/pets/_form.html.erb b/app/views/organizations/staff/pets/_form.html.erb
index 3fcd09e67..dd09184ee 100644
--- a/app/views/organizations/staff/pets/_form.html.erb
+++ b/app/views/organizations/staff/pets/_form.html.erb
@@ -80,15 +80,19 @@
       </div>
 
       <div class='form-group'>
-        <div class="form-check form-switch ps-3">
+        <span class="d-inline-block" tabindex="0" data-bs-toggle="tooltip" title="If applications are paused the public can see the pet, but cannot submit an adoption application.">
+          <div class="form-check form-switch ps-3">
             <%= form.hidden_field :application_paused, value: false %>
             <%= form.check_box :application_paused, { class: "form-check-input", role: "switch", id: "flexSwitchCheckChecked" }, true, false %>
-        </div>
+          </div>
+        </span>
 
-        <div class="form-check form-switch ps-3">
-          <%= form.hidden_field :published, value: false %>
-          <%= form.check_box :published, { class: "form-check-input", role: "switch", required: false }, true, false %>
-        </div>
+        <span class="d-inline-block" tabindex="0" data-bs-toggle="tooltip" title="If a pet is published it is visible to the public.">
+          <div class="form-check form-switch ps-3">
+            <%= form.hidden_field :published, value: false %>
+            <%= form.check_box :published, { class: "form-check-input", role: "switch", required: false }, true, false %>
+          </div>
+        </span>
       </div>
 
       <%= form.submit t('general.save'), class: 'btn btn-primary' %>
@@ -96,3 +100,7 @@
     <% end %>
   </div>
 </div> <!--row-->
+<script type="module">
+  const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
+  const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
+</script>

From a5660c2d258ad4a3b83ee2a4eb699e14b55845d3 Mon Sep 17 00:00:00 2001
From: Mikhail Grigoriev <mikhailgrigoriev92@gmail.com>
Date: Mon, 16 Dec 2024 21:04:59 -0500
Subject: [PATCH 2/2] fix: add script for broken tooltip

---
 .../pets/tabs/partials/_application_create_button.html.erb    | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/app/views/organizations/staff/pets/tabs/partials/_application_create_button.html.erb b/app/views/organizations/staff/pets/tabs/partials/_application_create_button.html.erb
index e2f28c868..c19e1042c 100644
--- a/app/views/organizations/staff/pets/tabs/partials/_application_create_button.html.erb
+++ b/app/views/organizations/staff/pets/tabs/partials/_application_create_button.html.erb
@@ -16,3 +16,7 @@
                 disabled><%=t("organizations.staff.pets.applications.new_adoption")%></button>
   </span>
 <% end %>
+<script type="module">
+  const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
+  const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
+</script>