@asoftwareworld/form-builder-pro
Version:
ASW Form Builder Pro helps you with rapid development and designed web forms which includes several controls. The key feature of Form Builder is to make your content attractive and effective. We can customize our control at run time and preview the same b
32 lines • 11 kB
JavaScript
import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/material/expansion";
import * as i3 from "@angular/material/tooltip";
import * as i4 from "@asoftwareworld/form-builder-pro/core";
export class AswMyWorkspace {
indexedDB;
pastRequests;
loadRequest = new EventEmitter();
load(req) {
this.loadRequest.emit(req);
}
deleteApiRequest(request) {
const transaction = this.indexedDB.transaction('myWorkspace', 'readwrite');
const myWorkspaceStore = transaction.objectStore('myWorkspace');
myWorkspaceStore.delete(request._id);
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: AswMyWorkspace, deps: [], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: AswMyWorkspace, selector: "asw-my-workspace", inputs: { indexedDB: "indexedDB", pastRequests: "pastRequests" }, outputs: { loadRequest: "loadRequest" }, ngImport: i0, template: "<strong>{{'FormControl.MyWorkspace' | aswTranslate}}</strong>\r\n<div class=\"asw-pt-2\">\r\n <mat-accordion class=\"asw-headers-align\">\r\n <mat-expansion-panel hideToggle class=\"asw-border\">\r\n <mat-expansion-panel-header #panelH *ngFor=\"let request of pastRequests\" (click)=\"panelH._toggle(); load(request)\">\r\n <mat-panel-title>\r\n <span [ngClass]=\"{ \r\n 'get-color': request.method === 'GET',\r\n 'post-color': request.method === 'POST',\r\n 'put-color': request.method === 'PUT',\r\n 'patch-color': request.method === 'PATCH',\r\n 'delete-color': request.method === 'DELETE'\r\n }\">{{request.method}}</span>\r\n </mat-panel-title>\r\n <mat-panel-description matTooltip=\"{{request.endpoint}}\" \r\n [matTooltipPosition]=\"'below'\">\r\n <span class=\"asw-panel-description\">{{request.endpoint}}</span>\r\n <!-- <button mat-icon-button type=\"button\" (click)=\"deleteApiRequest(request)\">\r\n <mat-icon>delete</mat-icon>\r\n </button> -->\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n </mat-expansion-panel>\r\n </mat-accordion>\r\n</div>\r\n", styles: [".post-color{color:#49cc90}.put-color{color:#fca130}.get-color{color:#61affe}.patch-color{color:#50e3c2}.delete-color{color:#f93e3e}.asw-api-communicator-method{flex-shrink:0;width:24px;height:24px;font-size:24px;box-sizing:content-box;border-radius:50%;padding:4px}.mat-expansion-panel-header-title{flex:0 0 auto}.mat-expansion-panel-header-description{flex:1 1 auto;min-width:0}.asw-panel-description{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.asw-headers-align .mat-expansion-panel-header-description{justify-content:space-between;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i2.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i4.AswTranslatePipe, name: "aswTranslate" }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: AswMyWorkspace, decorators: [{
type: Component,
args: [{ selector: 'asw-my-workspace', template: "<strong>{{'FormControl.MyWorkspace' | aswTranslate}}</strong>\r\n<div class=\"asw-pt-2\">\r\n <mat-accordion class=\"asw-headers-align\">\r\n <mat-expansion-panel hideToggle class=\"asw-border\">\r\n <mat-expansion-panel-header #panelH *ngFor=\"let request of pastRequests\" (click)=\"panelH._toggle(); load(request)\">\r\n <mat-panel-title>\r\n <span [ngClass]=\"{ \r\n 'get-color': request.method === 'GET',\r\n 'post-color': request.method === 'POST',\r\n 'put-color': request.method === 'PUT',\r\n 'patch-color': request.method === 'PATCH',\r\n 'delete-color': request.method === 'DELETE'\r\n }\">{{request.method}}</span>\r\n </mat-panel-title>\r\n <mat-panel-description matTooltip=\"{{request.endpoint}}\" \r\n [matTooltipPosition]=\"'below'\">\r\n <span class=\"asw-panel-description\">{{request.endpoint}}</span>\r\n <!-- <button mat-icon-button type=\"button\" (click)=\"deleteApiRequest(request)\">\r\n <mat-icon>delete</mat-icon>\r\n </button> -->\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n </mat-expansion-panel>\r\n </mat-accordion>\r\n</div>\r\n", styles: [".post-color{color:#49cc90}.put-color{color:#fca130}.get-color{color:#61affe}.patch-color{color:#50e3c2}.delete-color{color:#f93e3e}.asw-api-communicator-method{flex-shrink:0;width:24px;height:24px;font-size:24px;box-sizing:content-box;border-radius:50%;padding:4px}.mat-expansion-panel-header-title{flex:0 0 auto}.mat-expansion-panel-header-description{flex:1 1 auto;min-width:0}.asw-panel-description{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.asw-headers-align .mat-expansion-panel-header-description{justify-content:space-between;align-items:center}\n"] }]
}], propDecorators: { indexedDB: [{
type: Input
}], pastRequests: [{
type: Input
}], loadRequest: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXktd29ya3NwYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY29tbW9uL2FwaS1jb21tdW5pY2F0b3IvbXktd29ya3NwYWNlL215LXdvcmtzcGFjZS50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NvbW1vbi9hcGktY29tbXVuaWNhdG9yL215LXdvcmtzcGFjZS9teS13b3Jrc3BhY2UuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFPdkUsTUFBTSxPQUFPLGNBQWM7SUFDZCxTQUFTLENBQU07SUFDZixZQUFZLENBQU07SUFDakIsV0FBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFFM0MsSUFBSSxDQUFDLEdBQVE7UUFDVCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsT0FBWTtRQUN6QixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLFdBQVcsQ0FBQyxhQUFhLEVBQUUsV0FBVyxDQUFDLENBQUM7UUFDM0UsTUFBTSxnQkFBZ0IsR0FBRyxXQUFXLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ2hFLGdCQUFnQixDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDekMsQ0FBQzt1R0FiUSxjQUFjOzJGQUFkLGNBQWMsbUtDUDNCLDY1Q0F5QkE7OzJGRGxCYSxjQUFjO2tCQUwxQixTQUFTOytCQUNJLGtCQUFrQjs4QkFLbkIsU0FBUztzQkFBakIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2Fzdy1teS13b3Jrc3BhY2UnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9teS13b3Jrc3BhY2UuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vbXktd29ya3NwYWNlLnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBBc3dNeVdvcmtzcGFjZSB7XG4gICAgQElucHV0KCkgaW5kZXhlZERCOiBhbnk7XG4gICAgQElucHV0KCkgcGFzdFJlcXVlc3RzOiBhbnk7XG4gICAgQE91dHB1dCgpIGxvYWRSZXF1ZXN0ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gICAgbG9hZChyZXE6IGFueSk6IHZvaWQge1xuICAgICAgICB0aGlzLmxvYWRSZXF1ZXN0LmVtaXQocmVxKTtcbiAgICB9XG5cbiAgICBkZWxldGVBcGlSZXF1ZXN0KHJlcXVlc3Q6IGFueSk6IHZvaWQge1xuICAgICAgICBjb25zdCB0cmFuc2FjdGlvbiA9IHRoaXMuaW5kZXhlZERCLnRyYW5zYWN0aW9uKCdteVdvcmtzcGFjZScsICdyZWFkd3JpdGUnKTtcbiAgICAgICAgY29uc3QgbXlXb3Jrc3BhY2VTdG9yZSA9IHRyYW5zYWN0aW9uLm9iamVjdFN0b3JlKCdteVdvcmtzcGFjZScpO1xuICAgICAgICBteVdvcmtzcGFjZVN0b3JlLmRlbGV0ZShyZXF1ZXN0Ll9pZCk7XG4gICAgfVxufVxuIiwiPHN0cm9uZz57eydGb3JtQ29udHJvbC5NeVdvcmtzcGFjZScgfCBhc3dUcmFuc2xhdGV9fTwvc3Ryb25nPlxyXG48ZGl2IGNsYXNzPVwiYXN3LXB0LTJcIj5cclxuICAgIDxtYXQtYWNjb3JkaW9uIGNsYXNzPVwiYXN3LWhlYWRlcnMtYWxpZ25cIj5cclxuICAgICAgICA8bWF0LWV4cGFuc2lvbi1wYW5lbCBoaWRlVG9nZ2xlIGNsYXNzPVwiYXN3LWJvcmRlclwiPlxyXG4gICAgICAgICAgICA8bWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXIgI3BhbmVsSCAgKm5nRm9yPVwibGV0IHJlcXVlc3Qgb2YgcGFzdFJlcXVlc3RzXCIgKGNsaWNrKT1cInBhbmVsSC5fdG9nZ2xlKCk7IGxvYWQocmVxdWVzdClcIj5cclxuICAgICAgICAgICAgICAgIDxtYXQtcGFuZWwtdGl0bGU+XHJcbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gW25nQ2xhc3NdPVwieyBcclxuICAgICAgICAgICAgICAgICAgICAgICAgJ2dldC1jb2xvcic6IHJlcXVlc3QubWV0aG9kID09PSAnR0VUJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgJ3Bvc3QtY29sb3InOiByZXF1ZXN0Lm1ldGhvZCA9PT0gJ1BPU1QnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAncHV0LWNvbG9yJzogcmVxdWVzdC5tZXRob2QgPT09ICdQVVQnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAncGF0Y2gtY29sb3InOiByZXF1ZXN0Lm1ldGhvZCA9PT0gJ1BBVENIJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgJ2RlbGV0ZS1jb2xvcic6IHJlcXVlc3QubWV0aG9kID09PSAnREVMRVRFJ1xyXG4gICAgICAgICAgICAgICAgICAgIH1cIj57e3JlcXVlc3QubWV0aG9kfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8L21hdC1wYW5lbC10aXRsZT5cclxuICAgICAgICAgICAgICAgIDxtYXQtcGFuZWwtZGVzY3JpcHRpb24gbWF0VG9vbHRpcD1cInt7cmVxdWVzdC5lbmRwb2ludH19XCIgXHJcbiAgICAgICAgICAgICAgICBbbWF0VG9vbHRpcFBvc2l0aW9uXT1cIidiZWxvdydcIj5cclxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImFzdy1wYW5lbC1kZXNjcmlwdGlvblwiPnt7cmVxdWVzdC5lbmRwb2ludH19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgIDwhLS0gPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gdHlwZT1cImJ1dHRvblwiIChjbGljayk9XCJkZWxldGVBcGlSZXF1ZXN0KHJlcXVlc3QpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5kZWxldGU8L21hdC1pY29uPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPiAtLT5cclxuICAgICAgICAgICAgICAgIDwvbWF0LXBhbmVsLWRlc2NyaXB0aW9uPlxyXG4gICAgICAgICAgICA8L21hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxyXG4gICAgICAgIDwvbWF0LWV4cGFuc2lvbi1wYW5lbD5cclxuICAgIDwvbWF0LWFjY29yZGlvbj5cclxuPC9kaXY+XHJcbiJdfQ==