From acbdd5ff7680f469040170582bb23749b704583e Mon Sep 17 00:00:00 2001
From: Allyn Treshansky <allyn.treshansky@gmail.com>
Date: Thu, 30 Apr 2026 17:23:51 +0100
Subject: [PATCH] toggle book visibility

---
 grumpy/meetings/forms.py                      |  4 ++--
 .../templates/meetings/meeting_form.html      | 24 ++++++++++++++++++-
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/grumpy/meetings/forms.py b/grumpy/meetings/forms.py
index b9999ec..0eb549d 100644
--- a/grumpy/meetings/forms.py
+++ b/grumpy/meetings/forms.py
@@ -40,7 +40,7 @@ class Meta:
         queryset=Book.objects.unread(),
         required=True,
         to_field_name="title",
-        widget=forms.TextInput(attrs={"readonly": "readonly"}),
+        widget=forms.TextInput(attrs={"readonly": "readonly", "type": "password"}),
     )
 
     location = gis_forms.PointField(
@@ -59,7 +59,7 @@ def __init__(self, *args, **kwargs):
         super().__init__(*args, **kwargs)
         # make sure all the widgets make good use of the available space
         for field_name, field_obj in self.fields.items():
-            if field_name == "date":
+            if field_name in ["book", "date"]:
                 field_obj.widget.attrs["class"] = "w-75"
             else:
                 field_obj.widget.attrs["class"] = "w-100"
diff --git a/grumpy/meetings/templates/meetings/meeting_form.html b/grumpy/meetings/templates/meetings/meeting_form.html
index e407dfb..ce5ba03 100644
--- a/grumpy/meetings/templates/meetings/meeting_form.html
+++ b/grumpy/meetings/templates/meetings/meeting_form.html
@@ -30,7 +30,14 @@
                     <div class="form-group row">
                         <div class="col-sm-2">{{ field.label_tag }}</div>
                         <div class="col-sm-10">
-                            {{ field }}
+                            <div class="input-group">
+                                {{ field }}
+                                {% if field.name == "book" %}
+                                    <span class="input-group-text" id="toggleBookVisibility">
+                                        <i class="bi bi-eye"></i>
+                                    </span>
+                                {% endif %}
+                            </div>
                             <div class="help form-text text-muted">{{ field.field.help_text|safe }}</div>
                             <div class="text-danger">{{ field.errors }}</div>
                         </div>
@@ -44,3 +51,18 @@
     </div>
 
 {% endblock content %}
+
+{% block scripts %}
+    {{ block.super }}
+    <script type='text/javascript'>
+        $(document).ready(function() {
+            // toggle visibility of book...
+            const bookField = $("#id_book");
+            $("#toggleBookVisibility").on("click", function() {
+               bookFieldType = $(bookField).attr("type") === "password" ? "text" : "password";
+               $(bookField).attr("type", bookFieldType);
+               $(this).find(".bi").toggleClass("bi-eye-slash bi-eye")
+            });
+        });
+    </script>
+{% endblock scripts %}
\ No newline at end of file