@web-atoms/core-docs
Version:
97 lines • 5.76 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);
};
(function (factory) {
if (typeof module === "object" && typeof module.exports === "object") {
var v = factory(require, exports);
if (v !== undefined) module.exports = v;
}
else if (typeof define === "function" && define.amd) {
define(["require", "exports", "../../core/Bind", "../../core/BindableProperty", "../../core/XNode", "../../view-model/AtomWindowViewModel", "../styles/AtomAlertWindowStyle", "./AtomWindow"], factory);
}
})(function (require, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const Bind_1 = require("../../core/Bind");
const BindableProperty_1 = require("../../core/BindableProperty");
const XNode_1 = require("../../core/XNode");
const AtomWindowViewModel_1 = require("../../view-model/AtomWindowViewModel");
const AtomAlertWindowStyle_1 = require("../styles/AtomAlertWindowStyle");
const AtomWindow_1 = require("./AtomWindow");
class AtomAlertWindow extends AtomWindow_1.AtomWindow {
create() {
this.defaultControlStyle = AtomAlertWindowStyle_1.default;
this.viewModel = this.resolve(AtomAlertViewModel);
// this.windowTemplate = AtomAlertWindowTemplate;
// this.commandTemplate = AtomAlertWindowCommandBar;
// this.bind(this.element, "title", [["viewModel", "title"]]);
this.render(XNode_1.default.create(AtomWindow_1.AtomWindow, { title: Bind_1.default.oneWay(() => this.viewModel.title) },
XNode_1.default.create(AtomWindow_1.AtomWindow.windowTemplate, null,
XNode_1.default.create("div", { formattedText: Bind_1.default.oneWay(() => this.viewModel.message) })),
XNode_1.default.create(AtomWindow_1.AtomWindow.commandTemplate, null,
XNode_1.default.create("div", null,
XNode_1.default.create("button", { class: "yes-button", styleDisplay: Bind_1.default.oneWay(() => this.viewModel.okTitle ? "" : "none"), text: Bind_1.default.oneWay(() => this.viewModel.okTitle), eventClick: () => this.viewModel.onOkClicked() }),
XNode_1.default.create("button", { class: "no-button", styleMarginBottom: Bind_1.default.oneWay(() => this.viewModel.cancelTitle ? "0" : "10px"), styleDisplay: Bind_1.default.oneWay(() => this.viewModel.cancelTitle ? "" : "none"), text: Bind_1.default.oneWay(() => this.viewModel.cancelTitle), eventClick: () => this.viewModel.onCancelClicked() })))));
}
}
exports.default = AtomAlertWindow;
// class AtomAlertWindowTemplate extends AtomControl {
// protected create(): void {
// const div = document.createElement("div");
// this.append(div);
// this.bind(div, "formattedText", [["viewModel", "message"]]);
// }
// }
// class AtomAlertWindowCommandBar extends AtomControl {
// protected create(): void {
// const okButton = document.createElement("button");
// const cancelButton = document.createElement("button");
// this.append(okButton);
// this.append(cancelButton);
// this.setPrimitiveValue(okButton, "class", "yes-button" );
// this.setPrimitiveValue(cancelButton, "class", "no-button" );
// this.bind(okButton, "text", [["viewModel", "okTitle"]]);
// this.bind(cancelButton, "text", [["viewModel", "cancelTitle"]]);
// this.bind(okButton, "styleDisplay", [["viewModel", "okTitle"]], false, (v) => v ? "" : "none");
// this.bind(okButton, "styleMarginBottom", [["viewModel", "cancelTitle"]], false, (v) => v ? "0" : "10px");
// this.bind(cancelButton, "styleDisplay", [["viewModel", "cancelTitle"]], false, (v) => v ? "" : "none");
// this.bindEvent(okButton, "click", (e) => {
// this.viewModel.onOkClicked();
// });
// this.bindEvent(cancelButton, "click", (e) => {
// this.viewModel.onCancelClicked();
// });
// }
// }
class AtomAlertViewModel extends AtomWindowViewModel_1.AtomWindowViewModel {
onOkClicked() {
this.close(true);
}
onCancelClicked() {
this.cancel();
}
}
__decorate([
BindableProperty_1.BindableProperty,
__metadata("design:type", String)
], AtomAlertViewModel.prototype, "title", void 0);
__decorate([
BindableProperty_1.BindableProperty,
__metadata("design:type", String)
], AtomAlertViewModel.prototype, "message", void 0);
__decorate([
BindableProperty_1.BindableProperty,
__metadata("design:type", String)
], AtomAlertViewModel.prototype, "okTitle", void 0);
__decorate([
BindableProperty_1.BindableProperty,
__metadata("design:type", String)
], AtomAlertViewModel.prototype, "cancelTitle", void 0);
});
//# sourceMappingURL=AtomAlertWindow.js.map