Added custom confirm modal dialog box

This commit is contained in:
Luke Vella 2015-01-14 00:21:39 +01:00
parent 0320185ce5
commit 6ad493a079
31 changed files with 909 additions and 41 deletions

View file

@ -1,5 +1,5 @@
angular.module('rallly')
.controller('EditEventCtrl', function($scope, $http, $state, $timeout, Event){
.controller('EditEventCtrl', function($scope, $http, $state, $timeout, Event, ConfirmModal){
var id = $state.params.id
$scope.event = Event.get({id:id}, function(data){
var dates = [];
@ -20,16 +20,23 @@ angular.module('rallly')
$scope.submit = function(){
if ($scope.didChange()){
if ($scope.didChangeDates() ){
if (confirm("Changing the dates will reset all entries by the participants. Are you sure you want to proceed?")){
update();
}
var modal = new ConfirmModal({
title : 'Hold up!',
message : 'Changing the dates will reset all entries by the participants. Are you sure you want to do that?',
confirmText : 'Yes, I\'m sure',
isDestructive : true,
confirm : function(){
update();
}
});
modal.show();
} else {
update();
}
}
}
var update = function(){
$scope.event.participants = [];
Event.update({
id : id
}, $scope.event,

View file

@ -1,5 +1,5 @@
angular.module('rallly')
.controller('EventCtrl', function($scope, $http, $state, Event, Participant){
.controller('EventCtrl', function($scope, $http, $state, Event, Participant, ConfirmModal){
$(".nav-link").removeClass('active');
var id = $state.params.id;
$scope.participant = {};
@ -13,12 +13,21 @@ angular.module('rallly')
$state.go('notfound');
});
$scope.delete = function(participant){
if (confirm("Are you sure you want to remove "+participant.name+"?")){
Participant.remove({ id : id , pid : participant._id }, function(event){
$scope.event = event;
});
}
var modal = new ConfirmModal({
title : 'Delete "'+participant.name+'"?',
message : 'Are you sure you want to remove '+participant.name+' from the poll?',
confirmText : 'Yes - delete',
cancelText : 'No - nevermind',
isDestructive : true,
confirm : function(){
Participant.remove({ id : id , pid : participant._id }, function(event){
$scope.event = event;
});
}
});
modal.show();
}
$scope.defaults = [];
$scope.editEvent = function(){
@ -46,4 +55,6 @@ angular.module('rallly')
$scope.participant = {};
});
}
}).controller('DeleteModalCtrl', function(){
});

View file

@ -25,7 +25,7 @@ angular.module('rallly')
restrict : 'A',
require : 'ngModel',
link : function(scope, el, attrs, ngModel){
$(el).datepicker({
angular.element(el).datepicker({
multidate : true,
todayHighlight: true,
format : 'dd/mm/yyyy'
@ -40,10 +40,10 @@ angular.module('rallly')
});
scope.clearDates = function(){
$(el).datepicker('setDate', null)
angular.element(el).datepicker('setDate', null)
};
scope.unsetDate = function(date){
$(el).datepicker('setDates', scope.event.dates.filter(function(el){
angular.element(el).datepicker('setDates', scope.event.dates.filter(function(el){
return el != date;
}));
};