LT-174: Add confirmation modal template to confirm removing the timepjoint association

LesionTracker/client/routes.js

@@ -25,7 +25,8 @@ var data = {
     additionalTemplates: [
         'associationModal',
         'optionsModal',
-        'serverInformationModal'
+        'serverInformationModal',
+        'confirmRemoveTimepointAssociation'
     ]
 };
 

Packages/lesiontracker/client/components/confirmRemoveTimepointAssociation/confirmRemoveTimepointAssociation.html

@@ -0,0 +1,21 @@
+<template name="confirmRemoveTimepointAssociation">
+    <div class="modal" id="confirmRemoveTimepointAssociation" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" aria-labelledby="removeAssociationModalLabel">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h4 class="modal-title" id="removeAssociationModalLabel">Remove Association</h4>
+                </div>
+
+                <div class="modal-body">
+                    Measurements related to this Study and Timepoint will be erased. Do you really want to delete this association?
+                </div>
+                <div class="modal-footer">
+                    <a id="removeTimepointAssociations" type="button" class="btn btn-danger" data-dismiss="modal"
+                       title="Remove Timepoint Association"> Remove
+                    </a>
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal" id='btnRemoVeAssociationModalCancel'>Cancel</button>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>

Packages/lesiontracker/client/components/confirmRemoveTimepointAssociation/confirmRemoveTimepointAssociation.js

@@ -0,0 +1,6 @@
+Template.confirmRemoveTimepointAssociation.events({
+    'click #removeTimepointAssociations': function() {
+        // Remove association
+        Worklist.functions['removeTimepointAssociations']();
+    }
+});

Packages/lesiontracker/client/components/lesionTrackerWorklistContextMenu/lesionTrackerWorklistContextMenu.html

@@ -20,7 +20,7 @@
                 </a>
                 <a id="launchRemoveAssociation" type="button"
                    data-toggle="modal"
-                   data-target="#removeAssociationModal"
+                   data-target="#confirmRemoveTimepointAssociation"
                     title="Remove Timepoint Association">
                     <i class="fa fa-eraser fa-lg"></i> Remove Association
                 </a>
@@ -39,24 +39,4 @@
             </li>
         </ul>
     </div>
-
-    <div class="modal" id="removeAssociationModal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" aria-labelledby="removeAssociationModalLabel">
-        <div class="modal-dialog" role="document">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <h4 class="modal-title" id="removeAssociationModalLabel">Remove Association</h4>
-                </div>
-
-                <div class="modal-body">
-                    Measurements related to this Study and Timepoint will be erased. Do you really want to delete this association?
-                </div>
-                <div class="modal-footer">
-                    <a id="removeTimepointAssociations" type="button" class="btn btn-danger" data-dismiss="modal"
-                       title="Remove Timepoint Association"> Remove
-                    </a>
-                    <button type="button" class="btn btn-secondary" data-dismiss="modal" id='btnRemoVeAssociationModalCancel'>Cancel</button>
-                </div>
-            </div>
-        </div>
-    </div>
 </template>

Packages/lesiontracker/package.js

@@ -151,6 +151,10 @@ Package.onUse(function(api) {
     api.addFiles('client/components/userAccountMenu/userAccountMenu.styl', 'client');
     api.addFiles('client/components/userAccountMenu/userAccountMenu.js', 'client');
 
+    api.addFiles('client/components/confirmRemoveTimepointAssociation/confirmRemoveTimepointAssociation.html', 'client');
+    api.addFiles('client/components/confirmRemoveTimepointAssociation/confirmRemoveTimepointAssociation.js', 'client');
+
+
     // Server functions
     api.addFiles('server/collections.js', 'server');
     api.addFiles('server/removeCollections.js', [ 'server' ]);