@knora/action
Version:
Knora ui module: action
64 lines • 7.83 kB
JavaScript
import * as tslib_1 from "tslib";
import { Component, Inject } from '@angular/core';
import { MAT_DIALOG_DATA, MatDialogConfig, MatDialogRef } from '@angular/material/dialog';
var ResourceDialogComponent = /** @class */ (function () {
function ResourceDialogComponent(_dialogRef, data) {
this._dialogRef = _dialogRef;
this.data = data;
this.fullSize = false;
}
/**
* Creates a configuration object for `MatDialog`.
*
* @param resourceIri the Iri of the resource to be displayed in a dialog.
* @param widthPct width of the dialog in percentage.
* @param heightPct height of the dialog in percentage.
* @returns
*/
ResourceDialogComponent.createConfiguration = function (resourceIri, widthPct, heightPct) {
if (widthPct === void 0) { widthPct = 60; }
if (heightPct === void 0) { heightPct = 60; }
var config = new MatDialogConfig();
config.height = widthPct + "%";
config.width = heightPct + "%";
config.data = {
iri: resourceIri
};
config.panelClass = 'resizable';
return config;
};
ResourceDialogComponent.prototype.ngOnInit = function () {
this.fullSize = (!this.data.fullSize);
// start in full size
if (this._dialogRef) {
this.toggleFullSize();
}
};
ResourceDialogComponent.prototype.toggleFullSize = function () {
this.fullSize = (!this.fullSize);
if (this.fullSize) {
this._dialogRef.updateSize('100vw', '100vh');
this._dialogRef.updatePosition();
}
else {
this._dialogRef.updateSize('80vw', 'auto');
this._dialogRef.updatePosition();
}
};
ResourceDialogComponent.ctorParameters = function () { return [
{ type: MatDialogRef },
{ type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
]; };
ResourceDialogComponent = tslib_1.__decorate([
Component({
selector: 'kui-resource-dialog',
template: "<div class=\"object-dialog\">\n <!-- header with close (on the left hand side) and resize (on the right hand side) button\n and with the title in the center -->\n <div class=\"dialog-header\">\n <span class=\"dialog-action-button\">\n <button mat-icon-button class=\"resize-button\" (click)=\"toggleFullSize()\">\n <mat-icon class=\"optimize-direction\" [innerHtml]=\"fullSize ? 'call_received' :'call_made'\"></mat-icon>\n </button>\n </span>\n <span class=\"fill-remaining-space\"></span>\n <span>\n <h3 class=\"dialog-title\" mat-dialog-title>\n Resource\n <!--'salsahLabels.frameworkForListings.add.title' | translate -->\n </h3>\n </span>\n <span class=\"fill-remaining-space\"></span>\n <span class=\"dialog-action-button\">\n <button mat-icon-button class=\"close-button\" (click)=\"_dialogRef.close()\">\n <mat-icon>close</mat-icon>\n </button>\n </span>\n </div>\n\n <!-- <mat-dialog-content class=\"dialog-content\" [class.fullsize]=\"fullSize\">\n\n <salsah-resource-object [iri]=\"data.iri\"></salsah-resource-object>\n\n </mat-dialog-content> -->\n\n</div>",
styles: [""]
}),
tslib_1.__param(1, Inject(MAT_DIALOG_DATA)),
tslib_1.__metadata("design:paramtypes", [MatDialogRef, Object])
], ResourceDialogComponent);
return ResourceDialogComponent;
}());
export { ResourceDialogComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzb3VyY2UtZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Brbm9yYS9hY3Rpb24vIiwic291cmNlcyI6WyJsaWIvcmVzb3VyY2UtZGlhbG9nL3Jlc291cmNlLWRpYWxvZy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBRSxlQUFlLEVBQUUsZUFBZSxFQUFFLFlBQVksRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBTzFGO0lBNEJFLGlDQUFtQixVQUFpRCxFQUNsQyxJQUFTO1FBRHhCLGVBQVUsR0FBVixVQUFVLENBQXVDO1FBQ2xDLFNBQUksR0FBSixJQUFJLENBQUs7UUEzQjNDLGFBQVEsR0FBWSxLQUFLLENBQUM7SUE0QjFCLENBQUM7SUExQkQ7Ozs7Ozs7T0FPRztJQUNJLDJDQUFtQixHQUExQixVQUEyQixXQUFtQixFQUFFLFFBQXFCLEVBQUUsU0FBc0I7UUFBN0MseUJBQUEsRUFBQSxhQUFxQjtRQUFFLDBCQUFBLEVBQUEsY0FBc0I7UUFFM0YsSUFBTSxNQUFNLEdBQW9CLElBQUksZUFBZSxFQUFFLENBQUM7UUFFdEQsTUFBTSxDQUFDLE1BQU0sR0FBTSxRQUFRLE1BQUcsQ0FBQztRQUMvQixNQUFNLENBQUMsS0FBSyxHQUFNLFNBQVMsTUFBRyxDQUFDO1FBRS9CLE1BQU0sQ0FBQyxJQUFJLEdBQUc7WUFDWixHQUFHLEVBQUUsV0FBVztTQUNqQixDQUFDO1FBRUYsTUFBTSxDQUFDLFVBQVUsR0FBRyxXQUFXLENBQUM7UUFFaEMsT0FBTyxNQUFNLENBQUM7SUFDaEIsQ0FBQztJQU1ELDBDQUFRLEdBQVI7UUFDRSxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBRXRDLHFCQUFxQjtRQUNyQixJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbkIsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQztJQUVELGdEQUFjLEdBQWQ7UUFDRSxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFFakMsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLElBQUksQ0FBQyxVQUFVLENBQUMsVUFBVSxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQUMsQ0FBQztZQUM3QyxJQUFJLENBQUMsVUFBVSxDQUFDLGNBQWMsRUFBRSxDQUFDO1NBQ2xDO2FBQU07WUFDTCxJQUFJLENBQUMsVUFBVSxDQUFDLFVBQVUsQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLENBQUM7WUFDM0MsSUFBSSxDQUFDLFVBQVUsQ0FBQyxjQUFjLEVBQUUsQ0FBQztTQUNsQztJQUNILENBQUM7O2dCQXZCOEIsWUFBWTtnREFDeEMsTUFBTSxTQUFDLGVBQWU7O0lBN0JkLHVCQUF1QjtRQUxuQyxTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUscUJBQXFCO1lBQy9CLDBwQ0FBK0M7O1NBRWhELENBQUM7UUE4QkcsbUJBQUEsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFBO2lEQURLLFlBQVk7T0E1QmhDLHVCQUF1QixDQXFEbkM7SUFBRCw4QkFBQztDQUFBLEFBckRELElBcURDO1NBckRZLHVCQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1BVF9ESUFMT0dfREFUQSwgTWF0RGlhbG9nQ29uZmlnLCBNYXREaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdrdWktcmVzb3VyY2UtZGlhbG9nJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Jlc291cmNlLWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Jlc291cmNlLWRpYWxvZy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFJlc291cmNlRGlhbG9nQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBmdWxsU2l6ZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBDcmVhdGVzIGEgY29uZmlndXJhdGlvbiBvYmplY3QgZm9yIGBNYXREaWFsb2dgLlxuICAgKlxuICAgKiBAcGFyYW0gcmVzb3VyY2VJcmkgdGhlIElyaSBvZiB0aGUgcmVzb3VyY2UgdG8gYmUgZGlzcGxheWVkIGluIGEgZGlhbG9nLlxuICAgKiBAcGFyYW0gd2lkdGhQY3Qgd2lkdGggb2YgdGhlIGRpYWxvZyBpbiBwZXJjZW50YWdlLlxuICAgKiBAcGFyYW0gaGVpZ2h0UGN0IGhlaWdodCBvZiB0aGUgZGlhbG9nIGluIHBlcmNlbnRhZ2UuXG4gICAqIEByZXR1cm5zXG4gICAqL1xuICBzdGF0aWMgY3JlYXRlQ29uZmlndXJhdGlvbihyZXNvdXJjZUlyaTogc3RyaW5nLCB3aWR0aFBjdDogbnVtYmVyID0gNjAsIGhlaWdodFBjdDogbnVtYmVyID0gNjApIHtcblxuICAgIGNvbnN0IGNvbmZpZzogTWF0RGlhbG9nQ29uZmlnID0gbmV3IE1hdERpYWxvZ0NvbmZpZygpO1xuXG4gICAgY29uZmlnLmhlaWdodCA9IGAke3dpZHRoUGN0fSVgO1xuICAgIGNvbmZpZy53aWR0aCA9IGAke2hlaWdodFBjdH0lYDtcblxuICAgIGNvbmZpZy5kYXRhID0ge1xuICAgICAgaXJpOiByZXNvdXJjZUlyaVxuICAgIH07XG5cbiAgICBjb25maWcucGFuZWxDbGFzcyA9ICdyZXNpemFibGUnO1xuXG4gICAgcmV0dXJuIGNvbmZpZztcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBfZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8UmVzb3VyY2VEaWFsb2dDb21wb25lbnQ+LFxuICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogYW55KSB7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmZ1bGxTaXplID0gKCF0aGlzLmRhdGEuZnVsbFNpemUpO1xuXG4gICAgLy8gc3RhcnQgaW4gZnVsbCBzaXplXG4gICAgaWYgKHRoaXMuX2RpYWxvZ1JlZikge1xuICAgICAgdGhpcy50b2dnbGVGdWxsU2l6ZSgpO1xuICAgIH1cbiAgfVxuXG4gIHRvZ2dsZUZ1bGxTaXplKCkge1xuICAgIHRoaXMuZnVsbFNpemUgPSAoIXRoaXMuZnVsbFNpemUpO1xuXG4gICAgaWYgKHRoaXMuZnVsbFNpemUpIHtcbiAgICAgIHRoaXMuX2RpYWxvZ1JlZi51cGRhdGVTaXplKCcxMDB2dycsICcxMDB2aCcpO1xuICAgICAgdGhpcy5fZGlhbG9nUmVmLnVwZGF0ZVBvc2l0aW9uKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuX2RpYWxvZ1JlZi51cGRhdGVTaXplKCc4MHZ3JywgJ2F1dG8nKTtcbiAgICAgIHRoaXMuX2RpYWxvZ1JlZi51cGRhdGVQb3NpdGlvbigpO1xuICAgIH1cbiAgfVxuXG59XG4iXX0=