harbor/static/resources/js/components/log/advanced-search.directive.js

111 lines
2.4 KiB
JavaScript
Raw Normal View History

(function() {
'use strict';
angular
.module('harbor.log')
.directive('advancedSearch', advancedSearch);
AdvancedSearchController.$inject = ['$scope', 'ListLogService'];
function AdvancedSearchController($scope, ListLogService) {
var vm = this;
2016-04-28 19:36:39 +02:00
vm.checkOperation = checkOperation;
vm.close = close;
vm.opAll = true;
vm.opCreate = true;
vm.opPull = true;
vm.opPush = true;
vm.opDelete = true;
vm.opOthers = true;
2016-04-28 19:36:39 +02:00
vm.others = "";
vm.op = [];
vm.op.push('all');
function checkOperation(e) {
2016-05-23 12:29:17 +02:00
if(e.checked === 'all') {
vm.opCreate = vm.opAll;
vm.opPull = vm.opAll;
vm.opPush = vm.opAll;
vm.opDelete = vm.opAll;
vm.opOthers = vm.opAll;
}else {
vm.opAll = false;
}
vm.op = [];
if(vm.opCreate) {
vm.op.push('create');
}
if(vm.opPull) {
vm.op.push('pull');
}
if(vm.opPush) {
vm.op.push('push');
}
if(vm.opDelete) {
vm.op.push('delete');
}
2016-05-23 12:29:17 +02:00
if(vm.opOthers && vm.others !== "") {
vm.op.push(vm.others);
2016-04-28 19:36:39 +02:00
}
}
vm.pickUp = pickUp;
function pickUp(e) {
switch(e.key){
case 'fromDate':
vm.fromDate = e.value;
break;
case 'toDate':
vm.toDate = e.value;
break;
}
2016-04-28 19:36:39 +02:00
$scope.$apply();
}
2016-04-28 19:36:39 +02:00
function close() {
vm.isOpen = false;
}
}
function advancedSearch() {
var directive = {
'restrict': 'E',
'templateUrl': '/static/resources/js/components/log/advanced-search.directive.html',
'scope': {
2016-04-27 12:29:55 +02:00
'isOpen': '=',
'op': '=',
'others': '=',
2016-04-28 19:36:39 +02:00
'fromDate': '=',
'toDate': '=',
2016-04-27 12:29:55 +02:00
'search': '&'
},
2016-04-28 19:36:39 +02:00
'link': link,
'controller': AdvancedSearchController,
'controllerAs': 'vm',
'bindToController': true
};
return directive;
2016-04-28 19:36:39 +02:00
function link(scope, element, attrs, ctrl) {
element.find('.datetimepicker').datetimepicker({
locale: 'en-US',
ignoreReadonly: true,
format: 'L',
showClear: true
});
element.find('#fromDatePicker').on('blur', function(){
ctrl.pickUp({'key': 'fromDate', 'value': $(this).val()});
});
element.find('#toDatePicker').on('blur', function(){
ctrl.pickUp({'key': 'toDate', 'value': $(this).val()});
});
}
}
})();