Fixes #3092: Adds a confirm dialog before deleting event

Author: abhinavk96

app/static/js/events/event-base.js

@@ -0,0 +1,15 @@
+var deleteButton = $('#delete-event-button');
+var deleteCheck = $('#delete-check');
+var eventName = deleteCheck.attr('data-event-name');
+
+deleteButton.addClass('disabled');
+deleteCheck.keyup(function() {
+     if(deleteCheck.val() === eventName) {
+            deleteButton.removeClass('disabled');
+     }
+     else {
+        if(!deleteButton.hasClass('disabled')) {
+        	deleteButton.addClass('disabled');
+        }
+     }
+});

app/templates/gentelella/users/events/event_base.html

@@ -107,16 +107,19 @@ <h3>{{ event.name }}
                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                             aria-hidden="true">&times;</span></button>
                     <h4 class="modal-title">{{ _("Are you sure you would like to delete this event") }} ?</h4>
+                    <span>{{ _("Deleting the event will delete all the data associated with it.") }} <br><br>{{ _("Please enter the full name of the event to continue") }}</span><br>
+                    <input id='delete-check' type="text" data-event-name="{{ event.name }}">
                 </div>
                 <div class="modal-footer">
                     <a type="button" class="btn btn-default" data-dismiss="modal">{{ _("Cancel") }}</a>
                     <a href="/events/{{ event.id }}/trash/" type="button"
-                       class="btn btn-danger">{{ _("Confirm Delete") }}</a>
+                       class="btn btn-danger" id = "delete-event-button">{{ _("Confirm Delete") }}</a>
                 </div>
             </div>
         </div>
     </div>
 {% endblock %}
 {% block tail_js %}
     {{ super() }}
+    <script type = "text/javascript" src = "{{ url_for('static', filename='js/events/event-base.js') }}"></script>
 {% endblock %}