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

This commit is contained in:
Aysel Afsar 2016-03-24 09:28:51 -04:00
parent c94cd6a328
commit e2f8bf2431
5 changed files with 34 additions and 22 deletions

View File

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

View File

@ -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>

View File

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

View File

@ -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>

View File

@ -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' ]);