ferngully-aurelia-tools
Version:
Ferngully Tools for Aurelia
128 lines • 6.11 kB
JavaScript
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
define(["require", "exports", "aurelia-framework", "../editable-input-element-service", "./editable-inline-select.css"], function (require, exports, aurelia_framework_1, editable_input_element_service_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var EditableInlineSelect = (function () {
function EditableInlineSelect(editableInputElementService) {
this.editableInputElementService = editableInputElementService;
this.classEx = null;
this.isShowing = false;
}
Object.defineProperty(EditableInlineSelect.prototype, "value", {
get: function () {
return this._value;
},
set: function (value) {
var selectedOption = this.items.find(function (option) { return option.value === value; });
if (selectedOption != null) {
this.text = selectedOption.text;
this._value = value;
}
else {
this.text = "[option with value not found]";
this._value = "";
}
},
enumerable: true,
configurable: true
});
EditableInlineSelect.prototype.bind = function () {
var _this = this;
this.editableInputElementService.editor = $(this.select);
this.dropdown = this.editableInputElementService.editor.find("span");
var select = $(this.select).find(".dropdown");
select.on("hidden.bs.dropdown", function () {
_this.hide();
});
if (this.classEx) {
select.addClass(this.classEx);
}
};
EditableInlineSelect.prototype.show = function (element, data, currentValue, onKeyPress, onSave) {
var _this = this;
if (!this.isShowing) {
var select = $(this.select);
this.editableInputElementService._show(element);
var ul = select.find("ul");
var items = this.items = data;
ul.empty();
var _loop_1 = function (item) {
var li = $('<li></li>');
li.append($("<a/>")
.attr('href', "#")
.text(item.text)
.click(function () {
_this.itemSelected(item);
return false;
}));
ul.append(li);
};
for (var _i = 0, items_1 = items; _i < items_1.length; _i++) {
var item = items_1[_i];
_loop_1(item);
}
$(window).on("keydown.editable-inline-select", onKeyPress);
this.value = currentValue;
this.onSave = onSave;
setTimeout(function () {
if (!_this.isShowing) {
_this.dropdown.dropdown("toggle");
_this.isShowing = true;
}
}, 10);
}
};
EditableInlineSelect.prototype.itemSelected = function (item) {
this.value = item.value;
this.onSave();
};
EditableInlineSelect.prototype.hide = function () {
if (this.isShowing) {
this.editableInputElementService._hide();
$(window).off("keydown.editable-inline-select");
this.dropdown.off("shown.bs.dropdown");
this.dropdown.off("hidden.bs.dropdown");
this.dropdown.dropdown("toggle");
this.isShowing = false;
}
};
Object.defineProperty(EditableInlineSelect.prototype, "maxLength", {
get: function () {
return this.editableInputElementService.maxLength;
},
enumerable: true,
configurable: true
});
EditableInlineSelect.prototype.detached = function () {
this.editableInputElementService.detached();
};
EditableInlineSelect.prototype.attached = function () {
this.editableInputElementService.attached();
};
EditableInlineSelect.dropdownTextFromValue = function (dropdownData, value) {
var selectItem = dropdownData.find(function (dd) { return dd.value === value; });
return selectItem ? selectItem.text : "";
};
__decorate([
aurelia_framework_1.bindable,
__metadata("design:type", Object)
], EditableInlineSelect.prototype, "classEx", void 0);
EditableInlineSelect = __decorate([
aurelia_framework_1.containerless,
aurelia_framework_1.autoinject,
aurelia_framework_1.customElement('editable-inline-select'),
__metadata("design:paramtypes", [editable_input_element_service_1.EditableInputElementService])
], EditableInlineSelect);
return EditableInlineSelect;
}());
exports.EditableInlineSelect = EditableInlineSelect;
});
//# sourceMappingURL=editable-inline-select.js.map