admin: alert can contains yes/no buttons
This commit is contained in:
parent
070807b485
commit
7b2fdaf0ad
@ -49,6 +49,8 @@ const indextpl = `<!DOCTYPE html>
|
|||||||
<div ng-repeat="box in boxes" class="alert alert-dismissible alert-{{"{{ box.kind }}"}}" ng-cloak>
|
<div ng-repeat="box in boxes" class="alert alert-dismissible alert-{{"{{ box.kind }}"}}" ng-cloak>
|
||||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||||
<strong ng-if="box.title">{{"{{ box.title }}"}}</strong> {{"{{ box.msg }}"}}
|
<strong ng-if="box.title">{{"{{ box.title }}"}}</strong> {{"{{ box.msg }}"}}
|
||||||
|
<button class="btn btn-sm btn-success" ng-if="box.yes || box.no" ng-click="box.yes()">Yes</button>
|
||||||
|
<button class="btn btn-sm btn-danger" ng-if="box.yes || box.no" ng-click="box.no()">No</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
@ -47,6 +47,8 @@
|
|||||||
<div ng-repeat="box in boxes" class="alert alert-dismissible alert-{{ box.kind }}" ng-cloak>
|
<div ng-repeat="box in boxes" class="alert alert-dismissible alert-{{ box.kind }}" ng-cloak>
|
||||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||||
<strong ng-if="box.title">{{ box.title }}</strong> {{ box.msg }}
|
<strong ng-if="box.title">{{ box.title }}</strong> {{ box.msg }}
|
||||||
|
<button class="btn btn-sm btn-success" ng-if="box.yes || box.no" ng-click="box.yes()">Yes</button>
|
||||||
|
<button class="btn btn-sm btn-danger" ng-if="box.yes || box.no" ng-click="box.no()">No</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
@ -266,7 +266,10 @@ angular.module("FICApp")
|
|||||||
var b = $rootScope._newBoxes.shift();
|
var b = $rootScope._newBoxes.shift();
|
||||||
$scope.boxes.unshift(b);
|
$scope.boxes.unshift(b);
|
||||||
var id = $scope.boxes.length - 1;
|
var id = $scope.boxes.length - 1;
|
||||||
$timeout(function() { $scope.boxes.pop(id); }, b.timeout);
|
b.cancel = function() {
|
||||||
|
$scope.boxes.pop($scope.boxes.indexOf(b));
|
||||||
|
}
|
||||||
|
$timeout(function() { b.cancel(); }, b.timeout);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -276,12 +279,45 @@ angular.module("FICApp")
|
|||||||
if (msg === undefined) { msg = ''; }
|
if (msg === undefined) { msg = ''; }
|
||||||
if (tmout === undefined) { tmout = 5000; }
|
if (tmout === undefined) { tmout = 5000; }
|
||||||
|
|
||||||
$rootScope._newBoxes.push({
|
var mybox = {
|
||||||
'kind': kind,
|
'kind': kind,
|
||||||
'title': title,
|
'title': title,
|
||||||
'msg': msg,
|
'msg': msg,
|
||||||
'timeout': tmout,
|
'timeout': tmout,
|
||||||
})
|
};
|
||||||
|
|
||||||
|
$rootScope._newBoxes.push(mybox);
|
||||||
|
};
|
||||||
|
$rootScope.newYesNoBox = function(kind, title, msg, yesFunc, noFunc, tmout) {
|
||||||
|
if (kind === undefined) { kind = 'default'; }
|
||||||
|
if (msg === undefined) { msg = ''; }
|
||||||
|
if (tmout === undefined) { tmout = 5000; }
|
||||||
|
|
||||||
|
var mybox;
|
||||||
|
|
||||||
|
var yesFn = function() {
|
||||||
|
mybox.cancel();
|
||||||
|
if (yesFunc !== undefined) {
|
||||||
|
yesFunc();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
var noFn = function() {
|
||||||
|
mybox.cancel();
|
||||||
|
if (noFunc !== undefined) {
|
||||||
|
noFunc();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
mybox = {
|
||||||
|
'kind': kind,
|
||||||
|
'title': title,
|
||||||
|
'msg': msg,
|
||||||
|
'yes': yesFn,
|
||||||
|
'no': noFn,
|
||||||
|
'timeout': tmout,
|
||||||
|
};
|
||||||
|
|
||||||
|
$rootScope._newBoxes.push(mybox);
|
||||||
};
|
};
|
||||||
$scope.boxes = new Array();
|
$scope.boxes = new Array();
|
||||||
|
|
||||||
@ -311,6 +347,11 @@ angular.module("FICApp")
|
|||||||
this.config.start = d.toISOString();
|
this.config.start = d.toISOString();
|
||||||
var f = new Date(ts + 120000 + this.duration * 60000);
|
var f = new Date(ts + 120000 + this.duration * 60000);
|
||||||
this.config.end = f.toISOString();
|
this.config.end = f.toISOString();
|
||||||
|
|
||||||
|
$rootScope.newYesNoBox('info', 'Challenge ready to start,', 'propagate the changes?',
|
||||||
|
function() {
|
||||||
|
$scope.saveSettings();
|
||||||
|
});
|
||||||
}
|
}
|
||||||
$scope.reset = function(type) {
|
$scope.reset = function(type) {
|
||||||
if (confirm("Êtes-vous sûr ?")) {
|
if (confirm("Êtes-vous sûr ?")) {
|
||||||
|
Loading…
Reference in New Issue
Block a user