@harbor/ui
Version:
Harbor shared UI components based on Clarity and Angular6
99 lines (98 loc) • 6.86 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
import { Component, Input, Output, EventEmitter } from '@angular/core';
/** @enum {number} */
const CopyStatus = {
NORMAL: 0, SUCCESS: 1, ERROR: 2,
};
export { CopyStatus };
export class CopyInputComponent {
constructor() {
this.inputSize = 40;
this.headerTitle = "Copy Input";
this.defaultValue = "N/A";
this.iconMode = false;
this.state = 0 /* NORMAL */;
this.onCopySuccess = new EventEmitter();
this.onCopyError = new EventEmitter();
}
/**
* @return {?}
*/
ngOnInit() { }
/**
* @param {?} $event
* @return {?}
*/
onSuccess($event) {
this.state = 1 /* SUCCESS */;
this.onCopySuccess.emit($event);
}
/**
* @param {?} error
* @return {?}
*/
onError(error) {
this.state = 2 /* ERROR */;
this.onCopyError.emit(error);
}
/**
* @return {?}
*/
reset() {
this.state = 0 /* NORMAL */;
}
/**
* @return {?}
*/
setPullCommendShow() {
this.iconMode = false;
}
/**
* @return {?}
*/
get isCopied() {
return this.state === 1 /* SUCCESS */;
}
/**
* @return {?}
*/
get hasCopyError() {
return this.state === 2 /* ERROR */;
}
}
CopyInputComponent.decorators = [
{ type: Component, args: [{
selector: 'hbr-copy-input',
template: "<div>\n <div class=\"command-title\" *ngIf=\"!iconMode\">\n {{headerTitle}}\n </div>\n <div>\n <span [class.hide]=\"iconMode\">\n <input type=\"text\" class=\"command-input\" size=\"{{inputSize}}\" [(ngModel)]=\"defaultValue\" #inputTarget readonly/>\n </span>\n <span>\n <input type=\"text\" size=\"{{inputSize}}\" [(ngModel)]=\"defaultValue\" #inputTarget1 style=\"width: 1px; min-width: 0px; padding: 0; opacity: .1;\">\n </span>\n <span>\n <clr-icon shape=\"copy\" [class.is-success]=\"isCopied\" [class.is-error]=\"hasCopyError\" class=\"info-tips-icon\" size=\"24\" [ngxClipboard]=\"inputTarget1\" (cbOnSuccess)=\"onSuccess($event)\" (cbOnError)=\"onError($event)\"></clr-icon>\n </span>\n </div>\n</div>",
providers: [],
styles: [".commands-container{min-width:360px;max-width:720px;padding-left:24px}.h5-override{display:inline-block!important;margin-top:0!important;margin-bottom:12px}.commands-section{margin-top:12px;margin-bottom:24px}.info-tips-icon{color:grey}.info-tips-icon:hover{color:#007cbb;cursor:pointer}.command-title{font-size:14px;padding-left:6px}.command-input{font-size:14px;font-weight:500}:host>>>.dropdown-menu{min-width:360px;max-width:720px}.btn-font{font-size:14px!important}.hide{display:none}"]
}] }
];
CopyInputComponent.propDecorators = {
inputSize: [{ type: Input }],
headerTitle: [{ type: Input }],
defaultValue: [{ type: Input }],
iconMode: [{ type: Input }],
onCopySuccess: [{ type: Output }],
onCopyError: [{ type: Output }]
};
if (false) {
/** @type {?} */
CopyInputComponent.prototype.inputSize;
/** @type {?} */
CopyInputComponent.prototype.headerTitle;
/** @type {?} */
CopyInputComponent.prototype.defaultValue;
/** @type {?} */
CopyInputComponent.prototype.iconMode;
/** @type {?} */
CopyInputComponent.prototype.state;
/** @type {?} */
CopyInputComponent.prototype.onCopySuccess;
/** @type {?} */
CopyInputComponent.prototype.onCopyError;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29weS1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AaGFyYm9yL3VpLyIsInNvdXJjZXMiOlsic3JjL3B1c2gtaW1hZ2UvY29weS1pbnB1dC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQVUsTUFBTSxlQUFlLENBQUM7OztJQUkzRSxTQUFNLEVBQUUsVUFBTyxFQUFFLFFBQUs7OztBQVcxQixNQUFNOzt5QkFDMkIsRUFBRTsyQkFDQSxZQUFZOzRCQUNYLEtBQUs7d0JBQ1IsS0FBSzs7NkJBSVcsSUFBSSxZQUFZLEVBQU87MkJBQ3pCLElBQUksWUFBWSxFQUFPOzs7OztJQUVsRSxRQUFRLE1BQVk7Ozs7O0lBQ3BCLFNBQVMsQ0FBQyxNQUFXO1FBQ2pCLElBQUksQ0FBQyxLQUFLLGtCQUFxQixDQUFDO1FBQ2hDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0tBQ25DOzs7OztJQUVELE9BQU8sQ0FBQyxLQUFVO1FBQ2QsSUFBSSxDQUFDLEtBQUssZ0JBQW1CLENBQUM7UUFDOUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7S0FDaEM7Ozs7SUFFRCxLQUFLO1FBQ0QsSUFBSSxDQUFDLEtBQUssaUJBQW9CLENBQUM7S0FDbEM7Ozs7SUFFRCxrQkFBa0I7UUFDZCxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztLQUN6Qjs7OztRQUVVLFFBQVE7UUFDZixPQUFPLElBQUksQ0FBQyxLQUFLLG9CQUF1QixDQUFDOzs7OztRQUdsQyxZQUFZO1FBQ25CLE9BQU8sSUFBSSxDQUFDLEtBQUssa0JBQXFCLENBQUM7Ozs7WUEzQzlDLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsZ0JBQWdCO2dCQUMxQixpekJBQXlDO2dCQUd6QyxTQUFTLEVBQUUsRUFBRTs7YUFDaEI7Ozt3QkFHSSxLQUFLOzBCQUNMLEtBQUs7MkJBQ0wsS0FBSzt1QkFDTCxLQUFLOzRCQUlMLE1BQU07MEJBQ04sTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuXG5leHBvcnQgY29uc3QgZW51bSBDb3B5U3RhdHVzIHtcbiAgICBOT1JNQUwsIFNVQ0NFU1MsIEVSUk9SXG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnaGJyLWNvcHktaW5wdXQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jb3B5LWlucHV0LmNvcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3B1c2gtaW1hZ2Uuc2NzcyddLFxuXG4gICAgcHJvdmlkZXJzOiBbXVxufSlcblxuZXhwb3J0IGNsYXNzIENvcHlJbnB1dENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgaW5wdXRTaXplOiBudW1iZXIgPSA0MDtcbiAgICBASW5wdXQoKSBoZWFkZXJUaXRsZTogc3RyaW5nID0gXCJDb3B5IElucHV0XCI7XG4gICAgQElucHV0KCkgZGVmYXVsdFZhbHVlOiBzdHJpbmcgPSBcIk4vQVwiO1xuICAgIEBJbnB1dCgpIGljb25Nb2RlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICBzdGF0ZTogQ29weVN0YXR1cyA9IENvcHlTdGF0dXMuTk9STUFMO1xuXG4gICAgQE91dHB1dCgpIG9uQ29weVN1Y2Nlc3M6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gICAgQE91dHB1dCgpIG9uQ29weUVycm9yOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7IH1cbiAgICBvblN1Y2Nlc3MoJGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zdGF0ZSA9IENvcHlTdGF0dXMuU1VDQ0VTUztcbiAgICAgICAgdGhpcy5vbkNvcHlTdWNjZXNzLmVtaXQoJGV2ZW50KTtcbiAgICB9XG5cbiAgICBvbkVycm9yKGVycm9yOiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zdGF0ZSA9IENvcHlTdGF0dXMuRVJST1I7XG4gICAgICAgIHRoaXMub25Db3B5RXJyb3IuZW1pdChlcnJvcik7XG4gICAgfVxuXG4gICAgcmVzZXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc3RhdGUgPSBDb3B5U3RhdHVzLk5PUk1BTDtcbiAgICB9XG5cbiAgICBzZXRQdWxsQ29tbWVuZFNob3coKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaWNvbk1vZGUgPSBmYWxzZTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0IGlzQ29waWVkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5zdGF0ZSA9PT0gQ29weVN0YXR1cy5TVUNDRVNTO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgaGFzQ29weUVycm9yKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5zdGF0ZSA9PT0gQ29weVN0YXR1cy5FUlJPUjtcbiAgICB9XG59XG4iXX0=