Show unsaved changes also at bottom (for small displays)

MaMpf-HD · Nov 23, 2024 · 8096694 · 8096694
1 parent 2701f3b
commit 8096694
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/app/assets/javascripts/profile.js b/app/assets/javascripts/profile.js
@@ -1,6 +1,7 @@
 $(document).ready(function () {
   $("#profileForm").on("change input", function () {
     $("#profileChange").removeClass("d-none");
+    $("#profileChangeBottom").removeClass("d-none");
   });
 
   $('input:checkbox[name^="user[lecture"]').on("change", function () {

diff --git a/app/views/profile/edit.html.erb b/app/views/profile/edit.html.erb
@@ -105,6 +105,14 @@
       </div>
     </div>
 
+    <!-- ⭕ Unsaved changes warning/button -->
+    <!-- Here at the bottom only for small displays -->
+    <div class="w-100 mt-3 mb-3 d-md-none">
+      <%= f.submit t('profile.changes_made_btn'),
+        class: 'btn btn-warning w-100 d-none',
+        id: "profileChangeBottom" %>
+    </div>
+
   </div>
 
   <% end %>