Most JS files, all helpers and simple reconciliations

Packages/ohif-viewerbase/client/components/viewer/confirmDeleteDialog/confirmDeleteDialog.js

@@ -1,69 +1,26 @@
-function closeHandler() {
-    // Hide the lesion dialog
-    $('#confirmDeleteDialog').css('display', 'none');
+import { Template } from 'meteor/templating';
 
-    // Remove the backdrop
-    $('.removableBackdrop').remove();
-
-    // Remove the callback from the template data
-    delete Template.confirmDeleteDialog.doneCallback;
-
-    // Restore the focus to the active viewport
-    setFocusToActiveViewport();
-}
-
-/**
- * Displays the confirmation dialog template and the removable backdrop element
- *
- * @param doneCallback A callback
- * @param options
- */
-showConfirmDialog = function(doneCallback, options) {
-    // Show the backdrop
-    options = options || {};
-    UI.renderWithData(Template.removableBackdrop, options, document.body);
-
-    var confirmDeleteDialog = $('#confirmDeleteDialog');
-    confirmDeleteDialog.remove();
-
-    var viewer = document.getElementById('viewer');
-    UI.renderWithData(Template.confirmDeleteDialog, options, viewer);
-
-    // Make sure the context menu is closed when the user clicks away
-    $('.removableBackdrop').one('mousedown touchstart', function() {
-        closeHandler();
-    });
-
-    confirmDeleteDialog = $('#confirmDeleteDialog');
-    confirmDeleteDialog.css('display', 'block');
-    confirmDeleteDialog.focus();
-
-    if (doneCallback && typeof doneCallback === 'function') {
-        Template.confirmDeleteDialog.doneCallback = doneCallback;
-    }
-};
+import { dialogUtils } from '../../../lib/dialogUtils';
 
 // Global object of key names (TODO: put this somewhere else)
-keys = {
+const keys = {
     ESC: 27,
     ENTER: 13
 };
 
 Template.confirmDeleteDialog.events({
-    'click #cancel, click #close': function() {
-        closeHandler();
+    'click #cancel, click #close'() {
+        // Action canceled, just close dialog without calling callback
+        dialogUtils.closeHandler(false);
     },
-    'click #confirm': function() {
-        var doneCallback = Template.confirmDeleteDialog.doneCallback;
-        if (doneCallback && typeof doneCallback === 'function') {
-            doneCallback();
-        }
-
-        closeHandler();
+    'click #confirm'() {
+        // Action confirmed, close dialog and calls callback, if exists
+        dialogUtils.closeHandler();
     },
-    'keydown #confirmDeleteDialog': function(e) {
+    'keydown #confirmDeleteDialog'(e) {
+        // Action canceled, just close dialog without calling callback
         if (e.which === keys.ESC) {
-            closeHandler();
+            dialogUtils.closeHandler(false);
             return false;
         }
 
@@ -71,15 +28,10 @@ Template.confirmDeleteDialog.events({
             return;
         }
 
-        var doneCallback = Template.confirmDeleteDialog.doneCallback;
-
-        // If Enter is pressed, close the dialog
+        // If Enter is pressed
         if (e.which === keys.ENTER) {
-            if (doneCallback && typeof doneCallback === 'function') {
-                doneCallback();
-            }
-
-            closeHandler();
+            // Action confirmed, close dialog and calls callback,  if exists
+            dialogUtils.closeHandler();
         }
     }
 });