[bbb-greenlight: 14/18] Added confirm modal when deleting recording (#2056)

[Bartłomiej Piotrowski <bpiotrowski src gnome org>]

commit 5cbcc82e9b80e4b1104ae9755bc9a77f833908bc
Author: Ahmad Farhat <ahmad af farhat gmail com>
Date:   Thu Sep 3 11:08:13 2020 -0400

    Added confirm modal when deleting recording (#2056)

 app/assets/javascripts/recording.js                |  7 ++++
 .../components/_server_recording_row.html.erb      |  4 +--
 app/views/admins/server_recordings.html.erb        |  2 ++
 app/views/shared/_sessions.html.erb                |  2 ++
 .../shared/components/_recording_row.html.erb      |  4 +--
 .../shared/modals/_delete_recording_modal.html.erb | 42 ++++++++++++++++++++++
 config/locales/en.yml                              |  4 +++
 7 files changed, 61 insertions(+), 4 deletions(-)
---
diff --git a/app/assets/javascripts/recording.js b/app/assets/javascripts/recording.js
index 3ff6164..f097cda 100644
--- a/app/assets/javascripts/recording.js
+++ b/app/assets/javascripts/recording.js
@@ -37,5 +37,12 @@ $(document).on('turbolinks:load', function(){
         win.focus();
       });
     });
+
+    // Handle recording delete modal
+    $(".delete-rec").click(function() {
+      $("#delete-rec-confirm").parent().attr("action", $(this).data("path"))
+    })
+
+    
   }
 });
\ No newline at end of file
diff --git a/app/views/admins/components/_server_recording_row.html.erb 
b/app/views/admins/components/_server_recording_row.html.erb
index c9c0c31..47632ce 100644
--- a/app/views/admins/components/_server_recording_row.html.erb
+++ b/app/views/admins/components/_server_recording_row.html.erb
@@ -73,9 +73,9 @@
           <a class="dropdown-item email-link" data-pres-link="<%= recording_links %>"><i 
class="dropdown-icon far fa-envelope"></i> <%= t("recording.email") %></a>
           <div class="dropdown-divider"></div>
         <% end %>
-        <%= button_to delete_recording_path(meetingID: recording[:meetingID], record_id: 
recording[:recordID]), method: :delete, class: "dropdown-item", "data-disable": "" do %>
+        <a href="" data-toggle="modal" data-target="#deleteRecordingModal" data-path="<%= 
delete_recording_path(meetingID: recording[:meetingID], record_id: recording[:recordID]) %>" 
class="delete-rec dropdown-item">
           <i class="dropdown-icon far fa-trash-alt"></i> <%= t("delete") %>
-        <% end %>
+        </a>
       </div>
     </div>
   </td>
diff --git a/app/views/admins/server_recordings.html.erb b/app/views/admins/server_recordings.html.erb
index a07b19c..b2732e0 100644
--- a/app/views/admins/server_recordings.html.erb
+++ b/app/views/admins/server_recordings.html.erb
@@ -25,3 +25,5 @@
     </div>
   </div>
 </div>
+
+<%= render "shared/modals/delete_recording_modal" %> 
diff --git a/app/views/shared/_sessions.html.erb b/app/views/shared/_sessions.html.erb
index 9f2e646..22c1fa0 100644
--- a/app/views/shared/_sessions.html.erb
+++ b/app/views/shared/_sessions.html.erb
@@ -124,3 +124,5 @@
     </div>
   </div>
 </div>
+
+<%= render "shared/modals/delete_recording_modal" %> 
diff --git a/app/views/shared/components/_recording_row.html.erb 
b/app/views/shared/components/_recording_row.html.erb
index 695e46b..986b87a 100644
--- a/app/views/shared/components/_recording_row.html.erb
+++ b/app/views/shared/components/_recording_row.html.erb
@@ -81,9 +81,9 @@
           <a class="dropdown-item email-link" data-pres-link="<%= recording_links %>"><i 
class="dropdown-icon far fa-envelope"></i> <%= t("recording.email") %></a>
           <div class="dropdown-divider"></div>
         <% end %>
-        <%= button_to delete_recording_path(meetingID: recording[:meetingID], record_id: 
recording[:recordID]), method: :delete, class: "dropdown-item", "data-disable": "" do %>
+        <a href="" data-toggle="modal" data-target="#deleteRecordingModal" data-path="<%= 
delete_recording_path(meetingID: recording[:meetingID], record_id: recording[:recordID]) %>" 
class="delete-rec dropdown-item">
           <i class="dropdown-icon far fa-trash-alt"></i> <%= t("delete") %>
-        <% end %>
+        </a>
       </div>
     </div>
   </td>
diff --git a/app/views/shared/modals/_delete_recording_modal.html.erb 
b/app/views/shared/modals/_delete_recording_modal.html.erb
new file mode 100644
index 0000000..ec3692d
--- /dev/null
+++ b/app/views/shared/modals/_delete_recording_modal.html.erb
@@ -0,0 +1,42 @@
+<%
+# BigBlueButton open source conferencing system - http://www.bigbluebutton.org/.
+# Copyright (c) 2018 BigBlueButton Inc. and by respective authors (see below).
+# This program is free software; you can redistribute it and/or modify it under the
+# terms of the GNU Lesser General Public License as published by the Free Software
+# Foundation; either version 3.0 of the License, or (at your option) any later
+# version.
+#
+# BigBlueButton is distributed in the hope that it will be useful, but WITHOUT ANY
+# WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
+# PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
+# You should have received a copy of the GNU Lesser General Public License along
+# with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
+%>
+
+<div class="modal fade" id="deleteRecordingModal" tabindex="-1" role="dialog">
+  <div class="modal-dialog modal-dialog-centered" role="document">
+    <div class="modal-content text-center">
+      <div class="modal-body">
+        <div class="card-body p-6">
+          <div class="card-title">
+            <h3><%= t("modal.delete_rec.header") %></h3>
+          </div>
+
+          <button type="button" class="btn btn-info my-1 btn-del-room" data-dismiss="modal">
+            <%= t("modal.delete_room.keep") %>
+          </button>
+
+          <%= button_to "/", method: :delete, id: "delete-rec-confirm", class: "btn btn-danger my-1 
btn-del-room", "data-disable": "" do %>
+            <%= t("modal.delete_rec.delete") %>
+          <% end %>
+
+        </div>
+        <div class="card-footer">
+          <p id="delete-footer">
+            <%= t("modal.delete_rec.warning").html_safe %>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/config/locales/en.yml b/config/locales/en.yml
index c99cd20..b428f3f 100755
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -394,6 +394,10 @@ en:
       keep: Actually, I'll keep it.
       delete_warning: This will deactivate the user's account. All deactived users can be found under the 
deleted tab.
       warning: This decision is final. You will <b>not</b> be able to recover associated data.
+    delete_rec:
+      delete: I'm sure, delete this recording.
+      header: Are you sure you want to delete this recording?
+      warning: You will <b>not</b> be able to recover this recording
     delete_room:
       confirm: Are you sure you want to delete %{room}?
       delete: I'm sure, delete this room.