@hpe/angular-toolkit
Version:
Hewlett-Packard Enterprise : Angular toolkit for rapid project development
95 lines (94 loc) • 10.1 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes} checked by tsc
*/
//=============================================================================
//===
//=== (C) Copyright 2018 Hewlett Packard Enterprise Development LP.
//===
//=== Use of this source code is governed by an MIT-style license that can be
//=== found in the LICENSE file
//=============================================================================
import * as tslib_1 from "tslib";
import { ChangeDetectorRef, Component } from "@angular/core";
import { AppEvent } from "@hpe/angular-toolkit/model";
import { AbstractSubscriber } from "@hpe/angular-toolkit/service";
import { EventBusService } from "@hpe/angular-toolkit/service";
var ButtonPanel = /** @class */ (function (_super) {
tslib_1.__extends(ButtonPanel, _super);
//-------------------------------------------------------------------------
//---
//--- Constructor
//---
//-------------------------------------------------------------------------
function ButtonPanel(eventBusService, changeDetectorRef) {
var _this = _super.call(this, eventBusService) || this;
_this.changeDetectorRef = changeDetectorRef;
_this.submitting = false;
_super.prototype.subscribeToApp.call(_this, AppEvent.SUBMIT_START, function () { return _this.onSubmitStart(); });
_super.prototype.subscribeToApp.call(_this, AppEvent.SUBMIT_END, function () { return _this.onSubmitEnd(); });
return _this;
}
/**
* @return {?}
*/
ButtonPanel.prototype.getComponentClass = /**
* @return {?}
*/
function () {
var /** @type {?} */ styles = ['row'];
if (this.submitting) {
styles.push("disabled");
}
return styles;
};
/**
* @return {?}
*/
ButtonPanel.prototype.onSubmitStart = /**
* @return {?}
*/
function () {
this.submitting = true;
this.changeDetectorRef.detectChanges();
};
/**
* @return {?}
*/
ButtonPanel.prototype.onSubmitEnd = /**
* @return {?}
*/
function () {
this.submitting = false;
this.changeDetectorRef.detectChanges();
};
ButtonPanel.decorators = [
{ type: Component, args: [{
selector: 'hpe-button-panel',
template: "<!--\n=============================================================================\n===\n=== (C) Copyright 2018 Hewlett Packard Enterprise Development LP.\n===\n=== Use of this source code is governed by an MIT-style license that can be\n=== found in the LICENSE file\n=============================================================================\n-->\n\n<div [ngClass]=\"getComponentClass()\">\n <ng-content></ng-content>\n </div>\n",
styles: [".row{display:flex;padding:1rem;border-top:1px solid #e1e1e1;justify-content:center;background-color:#f6f6f6}.disabled{pointer-events:none;background-color:#c6c9ca}"]
},] },
];
/** @nocollapse */
ButtonPanel.ctorParameters = function () { return [
{ type: EventBusService, },
{ type: ChangeDetectorRef, },
]; };
return ButtonPanel;
}(AbstractSubscriber));
export { ButtonPanel };
function ButtonPanel_tsickle_Closure_declarations() {
/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
ButtonPanel.decorators;
/**
* @nocollapse
* @type {function(): !Array<(null|{type: ?, decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>)})>}
*/
ButtonPanel.ctorParameters;
/** @type {?} */
ButtonPanel.prototype.submitting;
/** @type {?} */
ButtonPanel.prototype.changeDetectorRef;
}
//=============================================================================
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLXBhbmVsLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGhwZS9hbmd1bGFyLXRvb2xraXQvZ3VpL3BhbmVsLyIsInNvdXJjZXMiOlsiYnV0dG9uLXBhbmVsL2J1dHRvbi1wYW5lbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFRQSxPQUFPLEVBQUMsaUJBQWlCLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRTNELE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBZ0IsNEJBQTRCLENBQUM7QUFDOUQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFTLDhCQUE4QixDQUFDOztJQXlCL0IsdUNBQWtCO0lBVWxELDJFQUEyRTtJQUMzRSxLQUFLO0lBQ0wsaUJBQWlCO0lBQ2pCLEtBQUs7SUFDTCwyRUFBMkU7SUFFM0UscUJBQVksZUFBaUMsRUFBVSxpQkFBb0M7UUFBM0YsWUFFSSxrQkFBTSxlQUFlLENBQUMsU0FLekI7UUFQc0QsdUJBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUkxRixLQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztRQUN4QixpQkFBTSxjQUFjLGFBQUMsUUFBUSxDQUFDLFlBQVksRUFBRSxjQUFNLE9BQUEsS0FBSSxDQUFDLGFBQWEsRUFBRSxFQUFwQixDQUFvQixDQUFDLENBQUM7UUFDbEUsaUJBQU0sY0FBYyxhQUFDLFFBQVEsQ0FBQyxVQUFVLEVBQUksY0FBTSxPQUFBLEtBQUksQ0FBQyxXQUFXLEVBQUUsRUFBbEIsQ0FBa0IsQ0FBQyxDQUFDOztLQUM1RTs7OztJQVFNLHVDQUFpQjs7OztRQUV2QixxQkFBSSxNQUFNLEdBQWMsQ0FBRSxLQUFLLENBQUUsQ0FBQztRQUVsQyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQztZQUNyQixNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1NBQ3hCO1FBRUQsTUFBTSxDQUFDLE1BQU0sQ0FBQzs7Ozs7SUFTSixtQ0FBYTs7OztRQUVqQixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztRQUN2QixJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLENBQUM7Ozs7O0lBS25DLGlDQUFXOzs7O1FBRWYsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDeEIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxDQUFDOzs7Z0JBaEY5QyxTQUFTLFNBQUM7b0JBQ1YsUUFBUSxFQUFVLGtCQUFrQjtvQkFDcEMsUUFBUSxFQUFFLHdiQWFWO29CQUNBLE1BQU0sRUFBRSxDQUFDLHFLQUFxSyxDQUFDO2lCQUMvSzs7OztnQkFyQk8sZUFBZTtnQkFKZixpQkFBaUI7O3NCQVJ6QjtFQXFDaUMsa0JBQWtCO1NBQXRDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyIvLz09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLz09PVxuLy89PT0gKEMpIENvcHlyaWdodCAyMDE4IEhld2xldHQgUGFja2FyZCBFbnRlcnByaXNlIERldmVsb3BtZW50IExQLlxuLy89PT1cbi8vPT09IFVzZSBvZiB0aGlzIHNvdXJjZSBjb2RlIGlzIGdvdmVybmVkIGJ5IGFuIE1JVC1zdHlsZSBsaWNlbnNlIHRoYXQgY2FuIGJlXG4vLz09PSBmb3VuZCBpbiB0aGUgTElDRU5TRSBmaWxlXG4vLz09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG5cbmltcG9ydCB7Q2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuaW1wb3J0IHtBcHBFdmVudH0gICAgICAgICAgIGZyb20gXCJAaHBlL2FuZ3VsYXItdG9vbGtpdC9tb2RlbFwiO1xuaW1wb3J0IHtBYnN0cmFjdFN1YnNjcmliZXJ9IGZyb20gXCJAaHBlL2FuZ3VsYXItdG9vbGtpdC9zZXJ2aWNlXCI7XG5pbXBvcnQge0V2ZW50QnVzU2VydmljZX0gICAgZnJvbSBcIkBocGUvYW5ndWxhci10b29sa2l0L3NlcnZpY2VcIjtcblxuLy89PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3IgICAgOiAgICAgJ2hwZS1idXR0b24tcGFuZWwnLFxuXHR0ZW1wbGF0ZTogYDwhLS1cbj09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG49PT1cbj09PSAoQykgQ29weXJpZ2h0IDIwMTggSGV3bGV0dCBQYWNrYXJkIEVudGVycHJpc2UgRGV2ZWxvcG1lbnQgTFAuXG49PT1cbj09PSBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxuPT09IGZvdW5kIGluIHRoZSBMSUNFTlNFIGZpbGVcbj09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4tLT5cblxuPGRpdiBbbmdDbGFzc109XCJnZXRDb21wb25lbnRDbGFzcygpXCI+XG4gICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiA8L2Rpdj5cbmAsXG5cdHN0eWxlczogW2Aucm93e2Rpc3BsYXk6ZmxleDtwYWRkaW5nOjFyZW07Ym9yZGVyLXRvcDoxcHggc29saWQgI2UxZTFlMTtqdXN0aWZ5LWNvbnRlbnQ6Y2VudGVyO2JhY2tncm91bmQtY29sb3I6I2Y2ZjZmNn0uZGlzYWJsZWR7cG9pbnRlci1ldmVudHM6bm9uZTtiYWNrZ3JvdW5kLWNvbG9yOiNjNmM5Y2F9YF1cbn0pXG5cbi8vPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuZXhwb3J0IGNsYXNzIEJ1dHRvblBhbmVsIGV4dGVuZHMgQWJzdHJhY3RTdWJzY3JpYmVyIHtcblxuXHQvLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblx0Ly8tLS1cblx0Ly8tLS0gVmFyaWFibGVzXG5cdC8vLS0tXG5cdC8vLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG4gICAgcHJpdmF0ZSBzdWJtaXR0aW5nIDogYm9vbGVhbjtcblxuXHQvLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblx0Ly8tLS1cblx0Ly8tLS0gQ29uc3RydWN0b3Jcblx0Ly8tLS1cblx0Ly8tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cblx0Y29uc3RydWN0b3IoZXZlbnRCdXNTZXJ2aWNlIDogRXZlbnRCdXNTZXJ2aWNlLCBwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuXG5cdCAgICBzdXBlcihldmVudEJ1c1NlcnZpY2UpO1xuXG5cdFx0dGhpcy5zdWJtaXR0aW5nID0gZmFsc2U7XG5cdFx0c3VwZXIuc3Vic2NyaWJlVG9BcHAoQXBwRXZlbnQuU1VCTUlUX1NUQVJULCAoKSA9PiB0aGlzLm9uU3VibWl0U3RhcnQoKSk7XG4gICAgICAgIHN1cGVyLnN1YnNjcmliZVRvQXBwKEFwcEV2ZW50LlNVQk1JVF9FTkQsICAgKCkgPT4gdGhpcy5vblN1Ym1pdEVuZCgpKTtcblx0fVxuXG5cdC8vLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXHQvLy0tLVxuXHQvLy0tLSBBUEkgbWV0aG9kc1xuXHQvLy0tLVxuXHQvLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuXHRwdWJsaWMgZ2V0Q29tcG9uZW50Q2xhc3MoKSA6IHN0cmluZ1tdIHtcblxuXHRcdGxldCBzdHlsZXMgOiBzdHJpbmdbXSA9IFsgJ3JvdycgXTtcblxuXHRcdGlmICh0aGlzLnN1Ym1pdHRpbmcpIHtcblx0XHRcdHN0eWxlcy5wdXNoKFwiZGlzYWJsZWRcIik7XG5cdFx0fVxuXG5cdFx0cmV0dXJuIHN0eWxlcztcblx0fVxuXG5cdC8vLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAgIC8vLS0tXG4gICAgLy8tLS0gRXZlbnQgbWV0aG9kc1xuICAgIC8vLS0tXG4gICAgLy8tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbiAgICBwcml2YXRlIG9uU3VibWl0U3RhcnQoKSB7XG5cbiAgICAgICAgdGhpcy5zdWJtaXR0aW5nID0gdHJ1ZTtcbiAgICAgICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxuXG4gICAgLy8tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbiAgICBwcml2YXRlIG9uU3VibWl0RW5kKCkge1xuXG4gICAgICAgIHRoaXMuc3VibWl0dGluZyA9IGZhbHNlO1xuICAgICAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgICB9XG59XG5cbi8vPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiJdfQ==