',
html: false,
container: false
},
init: function (e, a, b) {
var $e = $(e),
val = a();
var opts = ko.bindingHandlers.labelPopover.defaults;
if (val instanceof Object) {
opts = $.extend(opts, val);
} else if (typeof ko.utils.unwrapObservable(val) === 'string') {
opts = $.extend(opts, { content: ko.utils.unwrapObservable(val), html: false });
}
$e.append($(opts.target)
.addClass(opts.icon)
.addClass('label-popover')
.popover({
container: ko.utils.unwrapObservable(opts.container),
content: ko.utils.unwrapObservable(opts.content),
html: ko.utils.unwrapObservable(opts.html),
placement: ko.utils.unwrapObservable(opts.placement),
template: ko.utils.unwrapObservable(opts.template),
trigger: ko.utils.unwrapObservable(opts.trigger)
}));
}
};
ko.bindingHandlers.dateTimePicker = {
init: function (element, valueAccessor, allBindingsAccessor) {
//initialize datepicker with some optional options
var options = allBindingsAccessor().dateTimePickerOptions || {};
$(element).datetimepicker(options);
//when a user changes the date, update the view model
ko.utils.registerEventHandler(element, "dp.change", function (event) {
var value = valueAccessor();
if (ko.isObservable(value)) {
if (moment.isMoment(event.date)) {
value(event.date.toDate());
} else {
value(event.date);
}
}
});
ko.utils.domNodeDisposal.addDisposeCallback(element, function () {
var picker = $(element).data("DateTimePicker");
if (picker) {
picker.destroy();
}
});
},
update: function (element, valueAccessor, allBindings, viewModel, bindingContext) {
var picker = $(element).data("DateTimePicker");
//when the view model is updated, update the widget
if (picker) {
var koDate = ko.utils.unwrapObservable(valueAccessor());
//in case return from server datetime i am get in this form for example /Date(93989393)/ then fomat this
if (!koDate) koDate = null;
else koDate = (typeof (koDate) !== 'object') ? new Date(parseFloat(koDate.replace(/[^0-9]/g, ''))) : koDate;
picker.date(koDate);
}
}
};
ko.bindingHandlers.popover = {
defaults: {
target: 'icon',
icon: 'glyphicon glyphicon-info-sign',
visible: 'true',
'data-placement': 'bottom',
'data-trigger': 'click hover'
},
targets: {
image: "
![](\"/images/buttons/info.png\")
",
icon: ""
},
init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {
var $element = $(element),
value = valueAccessor(),
defaults = ko.bindingHandlers.popover.defaults;
$element.hide();
var $target;
if ((value.target || defaults.target) == "image") {
$target = $(ko.bindingHandlers.popover.targets.image);
$element.before($target);
} else if ((value.target || defaults.target) == "icon") {
$target = $(ko.bindingHandlers.popover.targets.icon);
$target.addClass(ko.unwrap(value.icon) || defaults.icon);
$element.before($target);
} else if (value.target.substring(0, 1) == "#") {
$target = $(value.target);
} else {
throw new Error("You need to provide a valid target! ('image', 'icon' or an element id)");
}
$target.addClass('knockoutBootsPopoverTarget');
$target.attr('data-toggle', 'popover');
ko.bindingHandlers.popover.applyKbBindings($element, $target, value, true);
},
update: function (element, valueAccessor, allBindings, viewModel, bindingContext) {
var $element = $(element),
value = valueAccessor(),
defaults = ko.bindingHandlers.popover.defaults;
var $target = ((typeof value.target !== 'undefined' && value.target.substring(0, 1) == "#") ? $(value.target) : $element.prev('.knockoutBootsPopoverTarget'));
ko.bindingHandlers.popover.applyKbBindings($element, $target, value, false);
},
applyKbBindings: function ($element, $target, value, isInit) {
var defaults = ko.bindingHandlers.popover.defaults
if (typeof value.title !== 'undefined') {
$target.attr('title', ko.unwrap(value.title));
}
$target.attr({
'data-placement': (ko.unwrap(value['data-placement']) || defaults['data-placement']),
'data-trigger': (ko.unwrap(value['data-trigger']) || defaults['data-trigger'])
});
if (ko.unwrap(value.visible) || defaults.visible) {
if ($target.hasClass('hiddenKBPT') || isInit) {
$target.removeClass('hiddenKBPT');
if (ko.unwrap(value.container)) {
$target.popover({
html: true,
container: ko.unwrap(value.container),
content: function () { return $element.html(); }
});
} else {
$target.popover({
html: true,
content: function () { return $element.html(); }
});
}
}
} else if (!$target.hasClass('hiddenKBPT') || isInit) {
$target.addClass('hiddenKBPT');
$target.hide();
}
}
};
ko.bindingHandlers.numeric = {
init: function (element, valueAccessor) {
$(element).on("keydown", function (event) {
// Allow: backspace, delete, tab, escape, and enter
if (event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 || event.keyCode == 13 ||
// Allow: Ctrl+A
(event.keyCode == 65 && event.ctrlKey === true) ||
// Allow: Ctrl+V
(event.keyCode == 86 && event.ctrlKey === true) ||
// Allow: . ,
(event.keyCode == 188 || event.keyCode == 190 || event.keyCode == 110) ||
// Allow: home, end, left, right
(event.keyCode >= 35 && event.keyCode <= 39)) {
// let it happen, don't do anything
return;
}
else {
// Ensure that it is a number and stop the keypress
if (event.shiftKey || (event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105)) {
event.preventDefault();
}
}
});
}
};
ko.components.register('loadingBtn', {
viewModel: function (params) {
if (typeof params.id === 'undefined') throw new Error("You need to define the 'id' parameter to use the 'loadingBtn' component.");
if (typeof params.click === 'undefined') throw new Error("You need to define the 'click' parameter to use the 'loadingBtn' component.");
if (typeof params.loading === 'undefined') {
params.loading = ko.observable(false);
this.click = function () {
params.loading(true);
params.click.apply(this, arguments);
};
} else {
this.click = params.click;
}
this.text = ko.pureComputed(function () {
return (ko.utils.unwrapObservable(params.loading) ? ko.utils.unwrapObservable(params.loadingText) : ko.utils.unwrapObservable(params.readyText));
});
this.icon = ko.pureComputed(function () {
return (ko.utils.unwrapObservable(params.loading) || !ko.utils.unwrapObservable(params.icon) ? null : "fa fa-" + ko.utils.unwrapObservable(params.icon));
});
this.css = ko.pureComputed(function () {
return (ko.utils.unwrapObservable(params.loading) ? ko.utils.unwrapObservable(params.loadingCss || "btn btn-primary") + " btn-loading" : ko.utils.unwrapObservable(params.readyCss || "btn btn-primary"));
});
this.id = ko.pureComputed(function () {
return ko.utils.unwrapObservable(params.id);
});
},
template: ''
});
ko.components.register('expandIcon', {
viewModel: function (params) {
if (!params.expandedIcon) params.expandedIcon = "fa fa-caret-down";
if (!params.collapsedIcon) params.collapsedIcon = "fa fa-caret-right";
this.icon = ko.pureComputed(function () {
return (ko.utils.unwrapObservable(params.isExpanded) ? ko.utils.unwrapObservable(params.expandedIcon) : ko.utils.unwrapObservable(params.collapsedIcon));
});
},
template: '