add template for emission removal

diff --git a/emissions/templates/emissions/emission_confirm_delete.html b/emissions/templates/emissions/emission_confirm_delete.html
new file mode 100644 (file)
index 0000000..3c721d8
--- /dev/null
+++ b/emissions/templates/emissions/emission_confirm_delete.html
@@ -0,0 +1,43 @@
+{% extends "base.html" %}
+{% load i18n %}
+
+{% block appbar %}
+<h2>{{ object.title }}</h2>
+<span class="actions">
+<a href="{% url 'home' %}">{% trans "Back to home" %}</a>
+</span>
+{% endblock %}
+
+{% block content %}
+
+<form method="post">
+{% csrf_token %}
+<p>
+{% trans "Are you sure you want to delete this emission?" %}
+</p>
+<div class="pk-attention">
+<p>
+{% trans "It will definitely remove all related episodes, soundfiles and newsitems." %}
+</p>
+<label><input id="confirm-deletion" type="checkbox">{% trans "I understand." %}</label>
+</div>
+<div class="buttons">
+<button disabled class="delete-button">{% trans "Confirm Deletion" %}</button>
+<a class="cancel" href="..">{% trans "Cancel" %}</a>
+</div>
+<script>
+  $('#confirm-deletion').on('change', function() {
+    if ($(this).is(':checked')) {
+      $(this).parents('.ui-dialog').find('.delete-button').attr('disabled', null);
+      $(this).parents('.ui-dialog').find('.delete-button').removeClass('ui-button-disabled');
+      $(this).parents('.ui-dialog').find('.delete-button').removeClass('ui-state-disabled');
+    } else {
+      $(this).parents('.ui-dialog').find('.delete-button').attr('disabled', 'disabled');
+      $(this).parents('.ui-dialog').find('.delete-button').addClass('ui-button-disabled');
+      $(this).parents('.ui-dialog').find('.delete-button').addClass('ui-state-disabled');
+    }
+  });
+</script>
+</form>
+
+{% endblock %}