@knora/viewer/esm5/lib/view/list/list-view/list-view.component.js

Knora ui module: viewer

import * as tslib_1 from "tslib";
import { Component, Input } from '@angular/core';
import { Router } from '@angular/router';
var ListViewComponent = /** @class */ (function () {
    function ListViewComponent(_router) {
        this._router = _router;
    }
    /**
     * Navigate to the resource viewer when clicking on one resource of the search result list
     * @param {string} id
     */
    ListViewComponent.prototype.openResource = function (id) {
        var url = '/resource/' + encodeURIComponent(id);
        this._router.navigate([url]);
    };
    ListViewComponent.ctorParameters = function () { return [
        { type: Router }
    ]; };
    tslib_1.__decorate([
        Input(),
        tslib_1.__metadata("design:type", Array)
    ], ListViewComponent.prototype, "result", void 0);
    tslib_1.__decorate([
        Input(),
        tslib_1.__metadata("design:type", Object)
    ], ListViewComponent.prototype, "ontologyInfo", void 0);
    ListViewComponent = tslib_1.__decorate([
        Component({
            selector: 'kui-list-view',
            template: "<div>\n    <!-- <kui-progress-indicator *ngIf=\"isLoading\" [color]=\"'#D88958'\"></kui-progress-indicator> -->\n\n    <mat-list class=\"list-view lv-items\" *ngFor=\"let res of result; let i = index; let last = last;\">\n        <mat-list-item class=\"link\" (click)=\"openResource(res.id)\">\n            <mat-icon matListIcon>image_search</mat-icon>\n            <p matLine class=\"lv-res-label\">{{res.entityInfo.classes[res.type].label}}</p>\n            <h3 matLine class=\"lv-label\">{{res.label}}</h3>\n\n            <div matLine *ngFor=\"let prop of res.properties | kuiKey\">\n\n                <div matLine *ngFor=\"let val of prop.value | kuiKey\">\n\n                    <span class=\"lv-prop-label\">\n                        {{res.entityInfo.properties[val.value.property].label}}:&nbsp;\n                    </span>\n\n                    <div class=\"lv-html-text\">\n                        {{val.value.strval | kuiTruncate:['256', '...']}}\n                    </div>\n\n                </div>\n\n            </div>\n\n        </mat-list-item>\n\n        <mat-divider *ngIf=\"!last\"></mat-divider>\n\n    </mat-list>\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);font-style:italic}.lv-html-text{position:relative;overflow:hidden}.mat-list .mat-list-item .mat-line{white-space:normal!important}.list-view .mat-list-item{height:auto;min-height:40px;padding:8px 0}.lv-label{font-weight:700!important;font-size:16px!important;line-height:1.5}.lv-res-label{color:rgba(0,0,0,.54);font-size:14px!important}"]
        }),
        tslib_1.__metadata("design:paramtypes", [Router])
    ], ListViewComponent);
    return ListViewComponent;
}());
export { ListViewComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Brbm9yYS92aWV3ZXIvIiwic291cmNlcyI6WyJsaWIvdmlldy9saXN0L2xpc3Qtdmlldy9saXN0LXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFRekM7SUFhSSwyQkFDWSxPQUFlO1FBQWYsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUczQixDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsd0NBQVksR0FBWixVQUFhLEVBQVU7UUFDbkIsSUFBTSxHQUFHLEdBQVcsWUFBWSxHQUFHLGtCQUFrQixDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzFELElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztJQUNqQyxDQUFDOztnQkFab0IsTUFBTTs7SUFUbEI7UUFBUixLQUFLLEVBQUU7O3FEQUF3QjtJQUt2QjtRQUFSLEtBQUssRUFBRTs7MkRBQW9EO0lBVm5ELGlCQUFpQjtRQUw3QixTQUFTLENBQUM7WUFDUCxRQUFRLEVBQUUsZUFBZTtZQUN6Qixzb0NBQXlDOztTQUU1QyxDQUFDO2lEQWV1QixNQUFNO09BZGxCLGlCQUFpQixDQTRCN0I7SUFBRCx3QkFBQztDQUFBLEFBNUJELElBNEJDO1NBNUJZLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBJUmVzb3VyY2VDbGFzc0FuZFByb3BlcnR5RGVmaW5pdGlvbnMsIFJlYWRSZXNvdXJjZSB9IGZyb20gJ0Brbm9yYS9hcGknO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2t1aS1saXN0LXZpZXcnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9saXN0LXZpZXcuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2xpc3Qtdmlldy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIExpc3RWaWV3Q29tcG9uZW50IHtcblxuICAgIC8qKlxuICAgICAqIEBwYXJhbSAge2FueX0gcmVzdWx0IFNlYXJjaCByZXN1bHQgcmVjZWl2ZWQgZnJvbSBTZWFyY2hSZXN1bHRzQ29tcG9uZW50XG4gICAgICovXG4gICAgQElucHV0KCkgcmVzdWx0OiBSZWFkUmVzb3VyY2VbXTtcblxuICAgIC8qKlxuICAgICAqIEBwYXJhbSAge0lSZXNvdXJjZUNsYXNzQW5kUHJvcGVydHlEZWZpbml0aW9uc30gb250b2xvZ3lJbmZvIE9udG9sb2d5IGluZm9ybWF0aW9uIHJlY2VpdmVkIGZyb20gU2VhcmNoUmVzdWx0c0NvbXBvbmVudFxuICAgICAqL1xuICAgIEBJbnB1dCgpIG9udG9sb2d5SW5mbzogSVJlc291cmNlQ2xhc3NBbmRQcm9wZXJ0eURlZmluaXRpb25zO1xuXG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSBfcm91dGVyOiBSb3V0ZXJcbiAgICApIHtcblxuICAgIH1cblxuICAgIC8qKlxuICAgICAqIE5hdmlnYXRlIHRvIHRoZSByZXNvdXJjZSB2aWV3ZXIgd2hlbiBjbGlja2luZyBvbiBvbmUgcmVzb3VyY2Ugb2YgdGhlIHNlYXJjaCByZXN1bHQgbGlzdFxuICAgICAqIEBwYXJhbSB7c3RyaW5nfSBpZFxuICAgICAqL1xuICAgIG9wZW5SZXNvdXJjZShpZDogc3RyaW5nKSB7XG4gICAgICAgIGNvbnN0IHVybDogc3RyaW5nID0gJy9yZXNvdXJjZS8nICsgZW5jb2RlVVJJQ29tcG9uZW50KGlkKTtcbiAgICAgICAgdGhpcy5fcm91dGVyLm5hdmlnYXRlKFt1cmxdKTtcbiAgICB9XG5cbn1cbiJdfQ==