Add delete tab function in JS

tangentlabs · Oct 23, 2013 · 8c812cd · 8c812cd
1 parent 9a92bee
commit 8c812cd
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 0 deletions.
diff --git a/fancypages/static/fancypages/js/editor.js b/fancypages/static/fancypages/js/editor.js
@@ -157,6 +157,7 @@ fancypages.editor = {
     initialiseEventsOnPageContent: function () {
         // Add a new tab to the selected tabbed block block
         $(document).on('click', 'a[data-behaviours~=add-tab]', fancypages.eventHandlers.addNewTab);
+        $(document).on('click', 'a[data-behaviours~=delete-tab]', fancypages.eventHandlers.deleteTab);
         //load the form to select a new block to add to the container
         //and display it in a modal
         $("a[data-behaviours~=load-modal]").click(fancypages.eventHandlers.loadModal);

diff --git a/fancypages/static/fancypages/js/event-handlers.js b/fancypages/static/fancypages/js/event-handlers.js
@@ -28,6 +28,30 @@ fancypages.eventHandlers = {
         });
     },
 
+    deleteTab: function (ev) {
+        ev.preventDefault();
+
+        $.ajax({
+            url: $(this).data('action'),
+            type: 'DELETE',
+            data: {
+                content_type: $(this).data('content-type-id'),
+                object_id: $(this).parents('.block').data('block-id')
+            },
+            beforeSend: function (xhr, settings) {
+                xhr.setRequestHeader("X-CSRFToken", fancypages.getCsrfToken());
+            },
+            success: function (data) {
+                parent.fancypages.editor.reloadPage();
+            },
+            error: function () {
+                parent.fancypages.utils.messages.error(
+                    "An error occured trying to add a new tab. Please try it again."
+                );
+            }
+        });
+    },
+
     loadIframeModal: function (ev) {
         var iframeId = $(this).data('iframe-id');
         if (iframeId === undefined) {