Skip to content

Commit 67de306

Browse files
jsanchomonterojsanchomontero
committed
Finish 2.0
2 parents 4c47699 + ba8b787 commit 67de306

9 files changed

+248
-231
lines changed

‎README.md

Lines changed: 30 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -12,19 +12,36 @@ In order to use angular-confirm-bootstrap in your project:
1212
* Use the directive 'angular-confirm-bootstrap' as a html element or attribute
1313
* You can configure the following params:
1414

15-
* confirmText: Type: string, text button action Ok by default 'Ok'
16-
* buttonConfirmClass: Type: string, default: empty
17-
* buttonConfirmIcon: Type: string(<i class="fa fa-..."></i>), default: empty
18-
* cancelText: Type: string, text button action Ok by default 'Cancel'
19-
* buttonCancelClass: Type: string, default: empty
20-
* buttonCancelIcon: Type: string(<i class="fa fa-..."></i>), default: empty
21-
* message: Type: string , main message
22-
* title: Type: string , title modal
23-
* onConfirm: Type: function, callback function
24-
* onCancel: Type: function, callback function
25-
* sizeModal: Type: string, size of modal by default 'lg'
26-
* positionButtons: Type: string, Allowed Values:[left, center, right(default)], position of buttons 'Ok' and 'Cancel'
27-
* backdrop: Type: boolean|string, Allowed Values:[static(disables modal closing by click on the backdrop), false, true(default)], controls presence of a backdrop.
15+
* acb-confirm-text: Type: string, text button action Ok by default 'Ok'
16+
* acb-button-confirm-class: Type: string, default: empty
17+
* acb-button-confirm-icon: Type: string(<i class="fa fa-..."></i>), default: empty
18+
* acb-cancel-text: Type: string, text button action Ok by default 'Cancel'
19+
* acb-button-cancel-class: Type: string, default: empty
20+
* acb-button-cancel-icon: Type: string(<i class="fa fa-..."></i>), default: empty
21+
* acb-message: Type: string , main message, default: empty
22+
* acb-title: Type: string , title modal, default: empty
23+
* acb-on-confirm: Type: function, callback function
24+
* acb-on-cancel: Type: function, callback function
25+
* acb-size-modal: Type: string, size of modal by default 'lg'
26+
* acb-position-buttons: Type: string, Allowed Values:[left, center, right(default)], position of buttons 'Ok' and 'Cancel'
27+
* acb-backdrop: Type: boolean|string, Allowed Values:[static(disables modal closing by click on the backdrop), false, true(default)], controls presence of a backdrop.
28+
29+
## Example
30+
31+
<button
32+
type="button"
33+
class="btn btn-xs btn-danger"
34+
angular-confirm-bootstrap
35+
acb-title="{{ title }}"
36+
acb-message="{{ message }}"
37+
acb-button-confirm-class="btn btn-success"
38+
acb-button-confirm-icon="fa fa-trash"
39+
acb-button-cancel-icon="fa fa-times"
40+
acb-on-confirm="confirmClicked = true"
41+
acb-on-cancel="cancelCliked = true"
42+
acb-size-modal="md" >
43+
<i class="fa fa-trash"></i>
44+
</button>
2845

2946
## License
3047

‎bower.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "angular-confirm-bootstrap",
3-
"version": "0.1.4",
3+
"version": "0.2.0",
44
"description": "Client filter to confirm or cancel an action",
55
"keywords": [
66
"confirm",

‎dist/js/angular-confirm-bootstrap.js

Lines changed: 159 additions & 159 deletions
Original file line numberDiff line numberDiff line change
@@ -2,166 +2,166 @@
22
* angular.confirm.bootstrap
33
* null
44
* @license undefined
5-
* v0.1.3
6-
* 2017-01-18T14:36:08.718Z
5+
* v0.1.4
6+
* 2017-03-21T14:15:16.028Z
77
*/
8-
(function () {
9-
'use strict';
10-
11-
/**
12-
* @ngdoc module
13-
* @name angular.confirm.bootstrap
14-
* @description Module that asks for a confirmation and offers the possibility to accept or cancel the action
15-
*/
16-
angular.module('angular.confirm.bootstrap', [
17-
'ui.bootstrap.modal'
18-
]);
19-
20-
})();
21-
22-
(function () {
23-
'use strict';
24-
25-
angular
26-
.module('angular.confirm.bootstrap')
27-
.controller('AngularConfirmBootstrapController', angularConfirmBootstrapController);
28-
29-
function angularConfirmBootstrapController($uibModalInstance, Setting) {
30-
var vm = this;
31-
vm.dataModal = Setting.data;
32-
33-
vm.closeModal = function () {
34-
$uibModalInstance.dismiss('cancel');
35-
};
36-
37-
vm.actionCancel = function () {
38-
if (vm.dataModal.onCancel !== undefined) {
39-
if (typeof(vm.dataModal.onCancel) === typeof(Function)) {
40-
vm.dataModal.onCancel();
41-
}
42-
}
43-
$uibModalInstance.close(false);
44-
};
45-
46-
vm.actionOk = function () {
47-
if (vm.dataModal.onConfirm !== undefined) {
48-
if (typeof(vm.dataModal.onConfirm) === typeof(Function)) {
49-
vm.dataModal.onConfirm();
50-
}
51-
}
52-
$uibModalInstance.close(false);
53-
};
54-
55-
}
56-
angularConfirmBootstrapController.$inject = ["$uibModalInstance", "Setting"];
57-
})();
58-
59-
60-
(function () {
61-
'use strict';
62-
63-
angular
64-
.module('angular.confirm.bootstrap')
65-
.directive('angularConfirmBootstrap', angularConfirmBootstrapDirective);
66-
67-
/** @ngInject */
68-
function angularConfirmBootstrapDirective() {
69-
/**
70-
* directive.scope.options {
71-
* confirmText: Type: string, text button action Ok by default 'Ok'
72-
* buttonConfirmClass: Type: string, default: empty
73-
* buttonConfirmIcon: Type: string(<i class="fa fa-..."></i>), default: empty
74-
* cancelText: Type: string, text button action Ok by default 'Cancel'
75-
* buttonCancelClass: Type: string, default: empty
76-
* buttonCancelIcon: Type: string(<i class="fa fa-..."></i>), default: empty
77-
* message: Type: string , main message
78-
* title: Type: string , title modal
79-
* onConfirm: Type: function, callback function
80-
* onCancel: Type: function, callback function
81-
* sizeModal: Type: string, size of modal by default 'lg'
82-
* positionButtons: Type: string, Allowed Values:[left, center, right(default)], position of buttons 'Ok' and 'Cancel'
83-
* backdrop: Type: boolean|string, Allowed Values:[static(disables modal closing by click on the backdrop), false, true(default)], controls presence of a backdrop.
84-
* }
85-
**/
86-
87-
88-
var directive = {
89-
restrict: 'EA',
90-
templateUrl: '',
91-
scope: {
92-
confirmText: '@',
93-
buttonConfirmClass: '@',
94-
buttonConfirmIcon: '@',
95-
cancelText: '@',
96-
buttonCancelClass: '@',
97-
buttonCancelIcon: '@',
98-
message: '@',
99-
title: '@',
100-
onConfirm: '&',
101-
onCancel: '&',
102-
sizeModal: '@',
103-
positionButtons: '@',
104-
backdrop: '@'
105-
},
106-
link: function (scope, element, attr) {
107-
$(element).on('click', function (e) {
108-
e.stopPropagation();
109-
scope.vm.openModal();
110-
});
111-
},
112-
controller: directiveConfirmController,
113-
controllerAs: 'vm',
114-
bindToController: true
115-
};
8+
(function () {
9+
'use strict';
10+
11+
/**
12+
* @ngdoc module
13+
* @name angular.confirm.bootstrap
14+
* @description Module that asks for a confirmation and offers the possibility to accept or cancel the action
15+
*/
16+
angular.module('angular.confirm.bootstrap', [
17+
'ui.bootstrap.modal'
18+
]);
19+
20+
})();
21+
22+
(function () {
23+
'use strict';
24+
25+
angular
26+
.module('angular.confirm.bootstrap')
27+
.controller('AngularConfirmBootstrapController', angularConfirmBootstrapController);
28+
29+
function angularConfirmBootstrapController($uibModalInstance, Setting) {
30+
var vm = this;
31+
vm.dataModal = Setting.data;
32+
33+
vm.closeModal = function () {
34+
$uibModalInstance.dismiss('cancel');
35+
};
36+
37+
vm.actionCancel = function () {
38+
if (vm.dataModal.acbOnCancel !== undefined) {
39+
if (typeof(vm.dataModal.acbOnCancel) === typeof(Function)) {
40+
vm.dataModal.acbOnCancel();
41+
}
42+
}
43+
$uibModalInstance.close(false);
44+
};
45+
46+
vm.actionOk = function () {
47+
if (vm.dataModal.acbOnConfirm !== undefined) {
48+
if (typeof(vm.dataModal.acbOnConfirm) === typeof(Function)) {
49+
vm.dataModal.acbOnConfirm();
50+
}
51+
}
52+
$uibModalInstance.close(false);
53+
};
54+
55+
}
56+
angularConfirmBootstrapController.$inject = ["$uibModalInstance", "Setting"];
57+
})();
58+
59+
60+
(function () {
61+
'use strict';
62+
63+
angular
64+
.module('angular.confirm.bootstrap')
65+
.directive('angularConfirmBootstrap', angularConfirmBootstrapDirective);
66+
67+
/** @ngInject */
68+
function angularConfirmBootstrapDirective() {
69+
/**
70+
* directive.scope.options {
71+
* acbConfirmText: Type: string, text button action Ok by default 'Ok'
72+
* acbButtonConfirmClass: Type: string, default: empty
73+
* acbButtonConfirmIcon: Type: string(<i class="fa fa-..."></i>), default: empty
74+
* acbCancelText: Type: string, text button action Ok by default 'Cancel'
75+
* acbButtonCancelClass: Type: string, default: empty
76+
* acbButtonCancelIcon: Type: string(<i class="fa fa-..."></i>), default: empty
77+
* acbMessage: Type: string , main message
78+
* acbTitle: Type: string , title modal
79+
* acbOnConfirm: Type: function, callback function
80+
* acbOnCancel: Type: function, callback function
81+
* acbSizeModal: Type: string, size of modal by default 'lg'
82+
* acbPositionButtons: Type: string, Allowed Values:[left, center, right(default)], position of buttons 'Ok' and 'Cancel'
83+
* acbBackdrop: Type: boolean|string, Allowed Values:[static(disables modal closing by click on the backdrop), false, true(default)], controls presence of a backdrop.
84+
* }
85+
**/
86+
87+
88+
var directive = {
89+
restrict: 'EA',
90+
templateUrl: '',
91+
scope: {
92+
acbConfirmText: '@',
93+
acbButtonConfirmClass: '@',
94+
acbButtonConfirmIcon: '@',
95+
acbCancelText: '@',
96+
acbButtonCancelClass: '@',
97+
acbButtonCancelIcon: '@',
98+
acbMessage: '@',
99+
acbTitle: '@',
100+
acbOnConfirm: '&',
101+
acbOnCancel: '&',
102+
acbSizeModal: '@',
103+
acbPositionButtons: '@',
104+
acbBackdrop: '@'
105+
},
106+
link: function (scope, element, attr) {
107+
$(element).on('click', function (e) {
108+
e.stopPropagation();
109+
scope.vm.openModal();
110+
});
111+
},
112+
controller: directiveConfirmController,
113+
controllerAs: 'vm',
114+
bindToController: true
115+
};
116116
directiveConfirmController.$inject = ["$uibModal", "$translate"];
117-
return directive;
118-
119-
/** @ngInject */
120-
function directiveConfirmController($uibModal, $translate) {
121-
var vm = this;
122-
123-
vm.confirmValues = {
124-
confirmText: vm.confirmText ? vm.confirmText : "Aceptar",
125-
buttonConfirmIcon: vm.buttonConfirmIcon ? vm.buttonConfirmIcon : '',
126-
buttonConfirmClass: vm.buttonConfirmClass ? vm.buttonConfirmClass : 'btn',
127-
cancelText: vm.cancelText ? vm.cancelText : "Cancelar",
128-
buttonCancelIcon: vm.buttonCancelIcon ? vm.buttonCancelIcon : '',
129-
buttonCancelClass: vm.buttonCancelClass ? vm.buttonCancelClass : 'btn btn-default',
130-
message: vm.message ? vm.message : 'Sample message',
131-
title: vm.title ? vm.title : 'Sample title',
132-
onConfirm: vm.onConfirm,
133-
onCancel: vm.onCancel,
134-
positionButtons: vm.positionButtons ? vm.positionButtons : 'right',
135-
sizeModal: vm.sizeModal ? vm.sizeModal : 'md',
136-
backdrop: vm.backdrop ? vm.backdrop : 'true'
137-
};
138-
139-
vm.openModal = function () {
140-
var modalInstance = $uibModal.open({
141-
keyboard: false,
142-
backdrop: vm.confirmValues.backdrop,
143-
templateUrl: 'modal-confirm.html',
144-
controller: 'AngularConfirmBootstrapController',
145-
size: vm.confirmValues.sizeModal,
146-
controllerAs: 'vm',
147-
resolve: {
148-
Setting: function () {
149-
return {
150-
data: vm.confirmValues
151-
};
152-
}
153-
}
154-
});
155-
156-
modalInstance.result.then(function (data) {
157-
158-
});
159-
};
160-
161-
}
162-
163-
}
164-
})();
117+
return directive;
118+
119+
/** @ngInject */
120+
function directiveConfirmController($uibModal, $translate) {
121+
var vm = this;
122+
123+
vm.confirmValues = {
124+
acbConfirmText: vm.acbConfirmText ? vm.acbConfirmText : "Ok",
125+
acbButtonConfirmIcon: vm.acbButtonConfirmIcon ? vm.acbButtonConfirmIcon : '',
126+
acbButtonConfirmClass: vm.acbButtonConfirmClass ? vm.acbButtonConfirmClass : 'btn',
127+
acbCancelText: vm.acbCancelText ? vm.acbCancelText : "Cancel",
128+
acbButtonCancelIcon: vm.acbButtonCancelIcon ? vm.acbButtonCancelIcon : '',
129+
acbButtonCancelClass: vm.acbButtonCancelClass ? vm.acbButtonCancelClass : 'btn btn-default',
130+
acbMessage: vm.acbMessage ? vm.acbMessage : '',
131+
acbTitle: vm.acbTitle ? vm.acbTitle : '',
132+
acbOnConfirm: vm.acbOnConfirm,
133+
acbOnCancel: vm.acbOnCancel,
134+
acbPositionButtons: vm.acbPositionButtons ? vm.acbPositionButtons : 'right',
135+
acbSizeModal: vm.acbSizeModal ? vm.acbSizeModal : 'md',
136+
acbBackdrop: vm.acbBackdrop ? vm.acbBackdrop : 'true'
137+
};
138+
139+
vm.openModal = function () {
140+
var modalInstance = $uibModal.open({
141+
keyboard: false,
142+
backdrop: vm.confirmValues.acbBackdrop,
143+
templateUrl: 'modal-confirm.html',
144+
controller: 'AngularConfirmBootstrapController',
145+
size: vm.confirmValues.acbSizeModal,
146+
controllerAs: 'vm',
147+
resolve: {
148+
Setting: function () {
149+
return {
150+
data: vm.confirmValues
151+
};
152+
}
153+
}
154+
});
155+
156+
modalInstance.result.then(function (data) {
157+
158+
});
159+
};
160+
161+
}
162+
163+
}
164+
})();
165165

166166
(function(module) {
167167
try {
@@ -171,6 +171,6 @@ try {
171171
}
172172
module.run(['$templateCache', function($templateCache) {
173173
$templateCache.put('modal-confirm.html',
174-
'<div class="modal-header"><button type="button" class="close" ng-click="vm.closeModal()" aria-hidden="true">x</button><h4 class="modal-title">{{vm.dataModal.title}}</h4></div><div class="modal-body"><div class="row"><div class="col-md-12"><h5>{{vm.dataModal.message}}</h5></div></div></div><div class="modal-footer" ng-style="{\'text-align\' : vm.dataModal.positionButtons}"><button type="button" ng-click="vm.actionCancel()" ng-class="vm.dataModal.buttonCancelClass"><i ng-class="vm.dataModal.buttonCancelIcon"></i> {{vm.dataModal.cancelText}}</button> <button type="button" ng-click="vm.actionOk()" ng-class="vm.dataModal.buttonConfirmClass"><i ng-class="vm.dataModal.buttonConfirmIcon"></i> {{vm.dataModal.confirmText}}</button></div>');
174+
'<div class="modal-header"><button type="button" class="close" ng-click="vm.closeModal()" aria-hidden="true">x</button><h4 class="modal-title">{{vm.dataModal.acbTitle}}</h4></div><div class="modal-body"><div class="row"><div class="col-md-12"><h5>{{vm.dataModal.acbMessage}}</h5></div></div></div><div class="modal-footer" ng-style="{\'text-align\' : vm.dataModal.acbPositionButtons}"><button type="button" ng-click="vm.actionCancel()" ng-class="vm.dataModal.acbButtonCancelClass"><i ng-class="vm.dataModal.acbButtonCancelIcon"></i> {{vm.dataModal.acbCancelText}}</button> <button type="button" ng-click="vm.actionOk()" ng-class="vm.dataModal.acbButtonConfirmClass"><i ng-class="vm.dataModal.acbButtonConfirmIcon"></i> {{vm.dataModal.acbConfirmText}}</button></div>');
175175
}]);
176176
})();

0 commit comments

Comments
 (0)