Fixed Pin

public/css/admin.css

@@ -445,3 +445,9 @@ pre.raw {
   border-radius: 3px;
   background: #fff;
 }
+
+.pin-inline {
+  font-family: ui-monospace, Menlo, Consolas, monospace;
+  letter-spacing: 0.12em;
+  color: var(--deep);
+}

public/js/admin.js

@@ -502,7 +502,13 @@ function openRecurringModal(person = null) {
       <select name="siteId">${siteOptions(person?.siteId)}</select></label>
     <label class="modal-field"><span>Usually visiting</span>
       <select name="defaultHostId">${hostOptions(person?.defaultHostId)}</select></label>
-    ${field('PIN (leave blank to generate one)', 'pin', '')}
+    ${
+      editing
+        ? `<label class="modal-field"><span>PIN — currently <b class="pin-inline">${esc(person.pin || '????')}</b></span>
+             <input name="pin" type="text" inputmode="numeric" maxlength="4" value=""
+                    placeholder="Type 4 digits to change it, or leave blank"></label>`
+        : field('PIN (leave blank to generate one)', 'pin', '')
+    }
     ${field('Notes', 'notes', person?.notes)}
     <h4 class="modal-section">Photo on file</h4>
     ${photoEditorMarkup(person)}
@@ -519,8 +525,9 @@ function openRecurringModal(person = null) {
           ? await api(`/frequent/${person.id}`, { method: 'PATCH', body: payload })
           : await api('/frequent', { method: 'POST', body: payload });
         loadRecurring();
-        if (editing) toast('Saved.');
-        else showPin(saved.pin, saved.id);
+        if (!editing) showPin(saved.pin, saved.id);
+        else if (saved.pinChanged) showPin(saved.pin, saved.id);
+        else toast('Saved.');
       } catch (err) {
         toast(err.message, true);
       }