@knora/viewer
Version:
Knora ui module: viewer
41 lines • 5.82 kB
JavaScript
import * as tslib_1 from "tslib";
import { Component, Input } from '@angular/core';
import { OntologyInformation } from '@knora/core';
import { Router } from '@angular/router';
var GridViewComponent = /** @class */ (function () {
function GridViewComponent(_router) {
this._router = _router;
}
GridViewComponent.prototype.ngOnInit = function () {
};
/**
* Navigate to the resource viewer when clicking on one resource of the search result grid
* @param {string} id
*/
GridViewComponent.prototype.openResource = function (id) {
var url = '/resource/' + encodeURIComponent(id);
this._router.navigate([url]);
};
GridViewComponent.ctorParameters = function () { return [
{ type: Router }
]; };
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object)
], GridViewComponent.prototype, "result", void 0);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", OntologyInformation)
], GridViewComponent.prototype, "ontologyInfo", void 0);
GridViewComponent = tslib_1.__decorate([
Component({
selector: 'kui-grid-view',
template: "<div>\n <!-- <kui-progress-indicator *ngIf=\"isLoading\" [color]=\"'#D88958'\"></kui-progress-indicator> -->\n\n <div fxLayout=\"row wrap\" fxLayout.xs=\"column\" fxLayoutGap=\"grid\">\n\n <div fxFlex.xs=\"100\" fxFlex.sm=\"50\" fxFlex.md=\"33.3\" fxFlex.lg=\"25\" fxFlex.xl=\"20\" *ngFor=\"let res of result\"\n class=\"gv-preview\">\n <mat-card class=\"link\" (click)=\"openResource(res.id)\">\n\n <mat-card-subtitle>{{res.entityInfo.classes[res.type].label}}</mat-card-subtitle>\n <mat-card-title>{{res.label}}</mat-card-title>\n\n\n <mat-card-content *ngFor=\"let prop of res.properties | kuiKey\">\n <div *ngFor=\"let val of prop.value | kuiKey\">\n <span class=\"lv-prop-label\">\n {{res.entityInfo.properties[val.value.property].label}}: \n </span>\n\n <div class=\"lv-html-text\">\n {{val.value.strval | kuiTruncate:['200', '...']}}\n </div>\n </div>\n </mat-card-content>\n\n </mat-card>\n </div>\n </div>\n\n\n</div>\n",
styles: [".mat-form-field{width:320px}.fill-remaining-space{-webkit-box-flex:1;flex:1 1 auto}.center{text-align:center}a{text-decoration:none;color:inherit}.kui-link{cursor:pointer;border-bottom:2px solid rgba(0,105,92,.25)}.lv-prop-label{color:rgba(0,0,0,.54)}.lv-html-text{position:relative;overflow:hidden}.gv-preview{margin:6px 0;padding:24px;word-wrap:break-word;border-radius:5px}.gv-preview .mat-card{height:180px;color:rgba(0,0,0,.81);overflow:hidden;padding-bottom:25px}.gv-preview .mat-card:hover{background:rgba(0,105,92,.39);color:#000}.gv-preview .mat-card:active{background:rgba(0,105,92,.61)}.gv-preview .mat-card .mat-card-title{font-size:12pt;font-weight:600}"]
}),
tslib_1.__metadata("design:paramtypes", [Router])
], GridViewComponent);
return GridViewComponent;
}());
export { GridViewComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Brbm9yYS92aWV3ZXIvIiwic291cmNlcyI6WyJsaWIvdmlldy9saXN0L2dyaWQtdmlldy9ncmlkLXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDbEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBT3pDO0lBYUksMkJBQ1ksT0FBZTtRQUFmLFlBQU8sR0FBUCxPQUFPLENBQVE7SUFDdkIsQ0FBQztJQUVMLG9DQUFRLEdBQVI7SUFDQSxDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsd0NBQVksR0FBWixVQUFhLEVBQVU7UUFDbkIsSUFBTSxHQUFHLEdBQVcsWUFBWSxHQUFHLGtCQUFrQixDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzFELElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztJQUNqQyxDQUFDOztnQkFib0IsTUFBTTs7SUFUbEI7UUFBUixLQUFLLEVBQUU7O3FEQUFhO0lBS1o7UUFBUixLQUFLLEVBQUU7MENBQWUsbUJBQW1COzJEQUFDO0lBVmxDLGlCQUFpQjtRQUw3QixTQUFTLENBQUM7WUFDUCxRQUFRLEVBQUUsZUFBZTtZQUN6Qiw2dENBQXlDOztTQUU1QyxDQUFDO2lEQWV1QixNQUFNO09BZGxCLGlCQUFpQixDQTRCN0I7SUFBRCx3QkFBQztDQUFBLEFBNUJELElBNEJDO1NBNUJZLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgT250b2xvZ3lJbmZvcm1hdGlvbiB9IGZyb20gJ0Brbm9yYS9jb3JlJztcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna3VpLWdyaWQtdmlldycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2dyaWQtdmlldy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZ3JpZC12aWV3LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgR3JpZFZpZXdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgLyoqXG4gICAgICogQHBhcmFtICB7YW55fSByZXN1bHQgU2VhcmNoIHJlc3VsdCByZWNlaXZlZCBmcm9tIFNlYXJjaFJlc3VsdHNDb21wb25lbnRcbiAgICAgKi9cbiAgICBASW5wdXQoKSByZXN1bHQ6IGFueTtcblxuICAgIC8qKlxuICAgICAqIEBwYXJhbSAge09udG9sb2d5SW5mb3JtYXRpb259IG9udG9sb2d5SW5mbyBPbnRvbG9neSBpbmZvcm1hdGlvbiByZWNlaXZlZCBmcm9tIFNlYXJjaFJlc3VsdHNDb21wb25lbnRcbiAgICAgKi9cbiAgICBASW5wdXQoKSBvbnRvbG9neUluZm86IE9udG9sb2d5SW5mb3JtYXRpb247XG5cblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIF9yb3V0ZXI6IFJvdXRlclxuICAgICkgeyB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBOYXZpZ2F0ZSB0byB0aGUgcmVzb3VyY2Ugdmlld2VyIHdoZW4gY2xpY2tpbmcgb24gb25lIHJlc291cmNlIG9mIHRoZSBzZWFyY2ggcmVzdWx0IGdyaWRcbiAgICAgKiBAcGFyYW0ge3N0cmluZ30gaWRcbiAgICAgKi9cbiAgICBvcGVuUmVzb3VyY2UoaWQ6IHN0cmluZykge1xuICAgICAgICBjb25zdCB1cmw6IHN0cmluZyA9ICcvcmVzb3VyY2UvJyArIGVuY29kZVVSSUNvbXBvbmVudChpZCk7XG4gICAgICAgIHRoaXMuX3JvdXRlci5uYXZpZ2F0ZShbdXJsXSk7XG4gICAgfVxufVxuIl19