@net7/components 4.5.5 → 4.5.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/metadata-viewer/metadata-viewer.mjs +3 -3
- package/esm2022/lib/components/parallel-text-viewer/parallel-text-viewer-dph.mock.mjs +22 -16
- package/esm2022/lib/components/parallel-text-viewer/parallel-text-viewer.mjs +3 -3
- package/fesm2022/net7-components.mjs +25 -19
- package/fesm2022/net7-components.mjs.map +1 -1
- package/lib/components/metadata-viewer/metadata-viewer.d.ts +4 -0
- package/lib/components/parallel-text-viewer/parallel-text-viewer.d.ts +2 -0
- package/package.json +2 -2
|
@@ -1661,11 +1661,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1661
1661
|
//---------------------------
|
|
1662
1662
|
class MetadataViewerComponent {
|
|
1663
1663
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MetadataViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1664
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MetadataViewerComponent, selector: "n7-metadata-viewer", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-metadata-viewer\">\n <!-- Metadata groups wrapper -->\n <div\n class=\"n7-metadata-viewer__wrapper {{ data.classes || ''}}\"\n *ngFor=\"let grp of data.group\"\n >\n <!-- For each data group, render it -->\n <ng-container\n *ngTemplateOutlet=\"group; context:{$implicit: grp}\"\n ></ng-container>\n </div>\n</div>\n\n<!-- Template for Metadata.group -->\n<ng-template #group let-grp>\n <div\n *ngIf=\"grp.title || grp.items\"\n class=\"n7-metadata-viewer__group {{ grp.classes || '' }}\"\n >\n <div class=\"n7-metadata-viewer__group-title\" *ngIf=\"grp.title\">\n {{grp.title}}\n </div>\n <div class=\"n7-metadata-viewer__group-content\" *ngIf=\"grp.items\">\n <div class=\"n7-metadata-viewer__item\" *ngFor=\"let i of grp.items\">\n <span *ngIf=\"i.label\" class=\"n7-metadata-viewer__item-label\"\n >{{ i.label }}</span\n >\n <span\n *ngIf=\"i.value\"\n class=\"n7-metadata-viewer__item-value\"\n [innerHTML]=\"i.value\"\n ></span>\n </div>\n </div>\n </div>\n <!-- Render all child groups -->\n <div *ngIf=\"grp.group\">\n <div\n class=\"n7-metadata-viewer__group-wrapper\"\n *ngFor=\"let grp of grp.group\"\n >\n <ng-container\n *ngTemplateOutlet=\"group; context:{$implicit: grp}\"\n ></ng-container>\n </div>\n </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
1664
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MetadataViewerComponent, selector: "n7-metadata-viewer", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-metadata-viewer\">\n <!-- Metadata groups wrapper -->\n <div\n class=\"n7-metadata-viewer__wrapper {{ data.classes || ''}}\"\n *ngFor=\"let grp of data.group\"\n >\n <!-- For each data group, render it -->\n <ng-container\n *ngTemplateOutlet=\"group; context:{$implicit: grp}\"\n ></ng-container>\n </div>\n</div>\n\n<!-- Template for Metadata.group -->\n<ng-template #group let-grp>\n <div\n *ngIf=\"grp.title || grp.items\"\n class=\"n7-metadata-viewer__group {{ grp.classes || '' }}\"\n >\n <div class=\"n7-metadata-viewer__group-title\" *ngIf=\"grp.title\">\n {{grp.title}}\n </div>\n <div class=\"n7-metadata-viewer__group-content\" *ngIf=\"grp.items\">\n <div class=\"n7-metadata-viewer__item\" *ngFor=\"let i of grp.items\">\n <span *ngIf=\"i.anchorId\" id=\"{{ i.anchorId }}\"></span>\n <span *ngIf=\"i.label\" class=\"n7-metadata-viewer__item-label\"\n >{{ i.label }}</span\n >\n <span\n *ngIf=\"i.value\"\n class=\"n7-metadata-viewer__item-value\"\n [innerHTML]=\"i.value\"\n ></span>\n </div>\n </div>\n </div>\n <!-- Render all child groups -->\n <div *ngIf=\"grp.group\">\n <div\n class=\"n7-metadata-viewer__group-wrapper\"\n *ngFor=\"let grp of grp.group\"\n >\n <ng-container\n *ngTemplateOutlet=\"group; context:{$implicit: grp}\"\n ></ng-container>\n </div>\n </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
1665
1665
|
}
|
|
1666
1666
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MetadataViewerComponent, decorators: [{
|
|
1667
1667
|
type: Component,
|
|
1668
|
-
args: [{ selector: 'n7-metadata-viewer', template: "<div *ngIf=\"data\" class=\"n7-metadata-viewer\">\n <!-- Metadata groups wrapper -->\n <div\n class=\"n7-metadata-viewer__wrapper {{ data.classes || ''}}\"\n *ngFor=\"let grp of data.group\"\n >\n <!-- For each data group, render it -->\n <ng-container\n *ngTemplateOutlet=\"group; context:{$implicit: grp}\"\n ></ng-container>\n </div>\n</div>\n\n<!-- Template for Metadata.group -->\n<ng-template #group let-grp>\n <div\n *ngIf=\"grp.title || grp.items\"\n class=\"n7-metadata-viewer__group {{ grp.classes || '' }}\"\n >\n <div class=\"n7-metadata-viewer__group-title\" *ngIf=\"grp.title\">\n {{grp.title}}\n </div>\n <div class=\"n7-metadata-viewer__group-content\" *ngIf=\"grp.items\">\n <div class=\"n7-metadata-viewer__item\" *ngFor=\"let i of grp.items\">\n <span *ngIf=\"i.label\" class=\"n7-metadata-viewer__item-label\"\n >{{ i.label }}</span\n >\n <span\n *ngIf=\"i.value\"\n class=\"n7-metadata-viewer__item-value\"\n [innerHTML]=\"i.value\"\n ></span>\n </div>\n </div>\n </div>\n <!-- Render all child groups -->\n <div *ngIf=\"grp.group\">\n <div\n class=\"n7-metadata-viewer__group-wrapper\"\n *ngFor=\"let grp of grp.group\"\n >\n <ng-container\n *ngTemplateOutlet=\"group; context:{$implicit: grp}\"\n ></ng-container>\n </div>\n </div>\n</ng-template>\n" }]
|
|
1668
|
+
args: [{ selector: 'n7-metadata-viewer', template: "<div *ngIf=\"data\" class=\"n7-metadata-viewer\">\n <!-- Metadata groups wrapper -->\n <div\n class=\"n7-metadata-viewer__wrapper {{ data.classes || ''}}\"\n *ngFor=\"let grp of data.group\"\n >\n <!-- For each data group, render it -->\n <ng-container\n *ngTemplateOutlet=\"group; context:{$implicit: grp}\"\n ></ng-container>\n </div>\n</div>\n\n<!-- Template for Metadata.group -->\n<ng-template #group let-grp>\n <div\n *ngIf=\"grp.title || grp.items\"\n class=\"n7-metadata-viewer__group {{ grp.classes || '' }}\"\n >\n <div class=\"n7-metadata-viewer__group-title\" *ngIf=\"grp.title\">\n {{grp.title}}\n </div>\n <div class=\"n7-metadata-viewer__group-content\" *ngIf=\"grp.items\">\n <div class=\"n7-metadata-viewer__item\" *ngFor=\"let i of grp.items\">\n <span *ngIf=\"i.anchorId\" id=\"{{ i.anchorId }}\"></span>\n <span *ngIf=\"i.label\" class=\"n7-metadata-viewer__item-label\"\n >{{ i.label }}</span\n >\n <span\n *ngIf=\"i.value\"\n class=\"n7-metadata-viewer__item-value\"\n [innerHTML]=\"i.value\"\n ></span>\n </div>\n </div>\n </div>\n <!-- Render all child groups -->\n <div *ngIf=\"grp.group\">\n <div\n class=\"n7-metadata-viewer__group-wrapper\"\n *ngFor=\"let grp of grp.group\"\n >\n <ng-container\n *ngTemplateOutlet=\"group; context:{$implicit: grp}\"\n ></ng-container>\n </div>\n </div>\n</ng-template>\n" }]
|
|
1669
1669
|
}], propDecorators: { data: [{
|
|
1670
1670
|
type: Input
|
|
1671
1671
|
}], emit: [{
|
|
@@ -2434,11 +2434,11 @@ class ParallelTextViewerComponent {
|
|
|
2434
2434
|
}
|
|
2435
2435
|
}
|
|
2436
2436
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ParallelTextViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2437
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ParallelTextViewerComponent, selector: "n7-parallel-text-viewer", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div\n class=\"n7-parallel-text-viewer {{data?.classes || ''}}\"\n *ngIf=\"data && data.endpoint\"\n>\n <pb-page \n [attr.endpoint]=\"data.endpoint\" \n api-version=\"1.0.0\" \n url-path=\"query\"\n [attr.url-ignore]=\"data.libOptions?.pbPage?.urlIgnore?.join(',') || 'odd,view,path,selectors,highlight,view2'\"\n >\n <!-- PB DOCUMENT-->\n <pb-document\n *ngFor=\"let doc of data.docs; index as $i\"\n [attr.path]=\"doc.xml\"\n [attr.odd]=\"doc.odd\"\n [attr.id]=\"doc.id\"\n [attr.view]=\"doc.view\"\n [attr.disable-history]=\"doc.disableHistory === true ? '' : null\"\n [attr.root-path]=\"doc.rootPath\"\n >\n </pb-document>\n\n <app-drawer-layout force-narrow=\"force-narrow\" narrow=\"\">\n <app-header-layout>\n <app-header\n fixed=\"fixed\"\n data-template=\"browse:fix-links\"\n style=\"\n transition-duration: 0ms;\n transform: translate3d(0px, 0px, 0px);\n left: 0px;\n right: 0.399994px;\n \"\n >\n <app-toolbar\n class=\"toolbar\"\n sticky=\"sticky\"\n style=\"transform: translate3d(0px, 0px, 0px)\"\n >\n <!-- TOC button -->\n <paper-icon-button\n id=\"tocToggle\"\n class=\"toc-toggle\"\n icon=\"icons:view-list\"\n role=\"button\"\n tabindex=\"0\"\n aria-disabled=\"false\"\n ></paper-icon-button>\n\n <!-- Plain reading view-->\n <pb-toggle-feature\n *ngIf=\"data.docs?.length === 1\"\n name=\"highlight1\"\n selector=\"tei-app,pb-popover,pb-highlight,.quote,pb-alternate\"\n default=\"off\"\n action=\"disable\"\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n >\n <ng-container *ngIf=\"data.labels && data.labels.view\">\n {{data.labels.view}}\n </ng-container>\n <ng-container *ngIf=\"!data.labels || !data.labels.view\">\n <pb-i18n key=\"document.plain\">Plain Reading View</pb-i18n>\n </ng-container>\n </pb-toggle-feature>\n\n <!-- Zoom Controls -->\n <pb-zoom\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n direction=\"in\"\n icon=\"icons:zoom-in\"\n ></pb-zoom>\n <pb-zoom\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n direction=\"out\"\n icon=\"icons:zoom-out\"\n ></pb-zoom>\n\n <!-- Navigation Controls -->\n <pb-navigation\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n keyboard=\"left\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n direction=\"backward\"\n unit=\"page\"\n >\n <paper-icon-button\n icon=\"icons:chevron-left\"\n role=\"button\"\n tabindex=\"0\"\n aria-disabled=\"false\"\n ></paper-icon-button>\n </pb-navigation>\n <pb-navigation\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n keyboard=\"right\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n direction=\"forward\"\n unit=\"page\"\n >\n <paper-icon-button\n icon=\"icons:chevron-right\"\n role=\"button\"\n tabindex=\"0\"\n aria-disabled=\"false\"\n ></paper-icon-button>\n </pb-navigation>\n\n <!-- Pulsante aggiungi pannello -->\n <pb-grid-action \n *ngIf=\"!data.libOptions?.grid?.disableAddColumn\"\n action=\"add\" \n class=\"grid-add\" \n [attr.grid]=\"'#' + (data.grid?.id || 'grid')\"\n >\n <paper-button \n role=\"button\" \n tabindex=\"0\" \n animated=\"\" \n elevation=\"0\" \n aria-disabled=\"false\"\n >\n <iron-icon icon=\"icons:add\"></iron-icon> \n {{ data.labels?.addColumn || 'Aggiungi colonna' }}\n </paper-button>\n </pb-grid-action>\n\n <!-- Pulsante download -->\n <ng-container *ngIf=\"data.download\">\n <div class=\"n7-parallel-text-viewer__toolbar-container-flex\">\n <pb-download\n [type]=\"data.download.format || ''\"\n [src]=\"data.docs[0].id\"\n [url]=\"data.download.file || ''\"\n dialog=\"downloadDialog\"\n (click)=\"openDownload($event, data.download.file)\"\n [title]=\"data.download.label && data.download.format ? data.download.label + ' ' + data.download.format : ''\"\n >\n <paper-button raised=\"\">\n {{data.download.label && data.download.format ? data.download.label + ' ' + data.download.format : 'Download'}}\n </paper-button>\n </pb-download>\n </div>\n </ng-container>\n\n <pb-progress\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n indeterminate=\"\"\n bottom-item=\"bottom-item\"\n style=\"visibility: hidden\"\n ></pb-progress>\n </app-toolbar>\n </app-header>\n\n <!-- Main Content with Parallel Grid -->\n <main class=\"content-body\">\n <pb-grid \n [id]=\"data.grid?.id || 'grid'\"\n [attr.panels]=\"data.grid?.panels ? '[' + data.grid.panels.join(',') + ']' : '[0]'\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n >\n <!-- Main pb-->\n <pb-view \n id=\"transcription-view\"\n [attr.src]=\"data.mainDoc.doc_id || data.docs[0].id\"\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n [attr.odd]=\"data.mainDoc.odd\"\n [attr.view]=\"data.mainDoc.view\"\n (click)=\"onClick($event)\"\n [attr.url]=\"data.mainDoc.rootPath\"\n >\n </pb-view>\n\n <!-- Template -->\n <template>\n <pb-panel [attr.emit]=\"data.grid?.emit || 'transcription'\">\n <!-- Rimozione colonna -->\n <pb-grid-action \n [attr.grid]=\"'#' + (data.grid?.id || 'grid')\" \n slot=\"toolbar\" \n action=\"remove\"\n >\n <paper-icon-button icon=\"icons:close\"></paper-icon-button>\n </pb-grid-action>\n\n <!-- Pannelli secondari -->\n \n <ng-container *ngFor=\"let panel of data.panels\">\n <ng-container *ngIf=\"panel.enabled\">\n <ng-container [ngSwitch]=\"panel.type\">\n\n <ng-container *ngSwitchCase=\"'text'\">\n <template [attr.title]=\"panel.title\">\n <pb-view \n [attr.id]=\"panel.id + '-view'\"\n [attr.src]=\"panel.doc_id || data.docs[0].id\"\n [attr.odd]=\"panel.odd\"\n [attr.view]=\"panel.view || 'single'\"\n [attr.xpath]=\"panel.xpath\"\n [attr.map]=\"panel.mapFunction\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n (click)=\"onClick($event)\"\n [attr.url]=\"data.mainDoc.rootPath\"\n disable-history=\"\"\n >\n <pb-param \n *ngFor=\"let param of panel.params || []\"\n [attr.name]=\"param.name\"\n [attr.value]=\"param.value\"\n ></pb-param>\n </pb-view>\n </template>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'facsimile'\">\n <template [attr.title]=\"panel.title\">\n <pb-facsimile\n *ngIf=\"panel.facsimile?.enabled\"\n [attr.base-uri]=\"panel.facsimile.uri\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n class=\"pb-facsimile\"\n [style.height]=\"panel.facsimile.options?.height || '600px'\"\n [attr.default-zoom-level]=\"panel.facsimile.options?.defaultZoomLevel || 0\"\n [attr.show-navigator]=\"panel.facsimile.options?.showNavigator ? 'show-navigator' : null\"\n [attr.show-navigation-control]=\"panel.facsimile.options?.showNavigationControl ? 'show-navigation-control' : null\"\n [attr.show-home-control]=\"panel.facsimile.options?.showHomeControl ? 'show-home-control' : null\"\n [attr.show-rotation-control]=\"panel.facsimile.options?.showRotationControl ? 'show-rotation-control' : null\"\n [attr.show-full-page-control]=\"panel.facsimile.options?.showFullPageControl ? 'show-full-page-control' : null\"\n [scans]=\"panel.facsimile.scans\"\n >\n </pb-facsimile>\n </template>\n </ng-container>\n </ng-container>\n </ng-container>\n </ng-container>\n\n </pb-panel>\n </template>\n </pb-grid>\n </main>\n\n <!-- TOC Drawer -->\n <pb-drawer\n toggle=\"tocToggle\"\n class=\"tocDrawer\"\n emit=\"toc\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n >\n <div class=\"drawer-content\">\n <h3>\n <ng-container *ngIf=\"data.labels && data.labels.toc\">\n {{data.labels.toc}}\n </ng-container>\n <ng-container *ngIf=\"!data.labels || !data.labels.toc\">\n <pb-i18n key=\"document.contents\">Contents</pb-i18n>\n </ng-container>\n </h3>\n <pb-load\n *ngIf=\"data.docs && data.docs.length > 0 && !data.libOptions?.toc?.disable\"\n id=\"toc\"\n [attr.url]=\"data.mainDoc.rootPath ? (data.mainDoc.rootPath + '/' + data.mainDoc.doc_id + '/contents?target=transcription&icons=true') : 'api/document/{doc}/contents?target=transcription&icons=true'\"\n [attr.src]=\"data.mainDoc.doc_id\"\n subscribe=\"toc\"\n emit=\"toc\"\n expand=\"expand\"\n auto=\"auto\"\n >\n <ng-container *ngIf=\"data.labels && data.labels.loading\">\n {{data.labels.loading}}\n </ng-container>\n <ng-container *ngIf=\"!data.labels || !data.labels.loading\">\n <pb-i18n key=\"dialogs.loading\">Loading</pb-i18n>\n </ng-container>\n </pb-load>\n </div>\n </pb-drawer>\n </app-header-layout>\n </app-drawer-layout>\n </pb-page>\n</div>\n\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] }); }
|
|
2437
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ParallelTextViewerComponent, selector: "n7-parallel-text-viewer", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div\n class=\"n7-parallel-text-viewer {{data?.classes || ''}}\"\n *ngIf=\"data && data.endpoint\"\n>\n <pb-page \n [attr.endpoint]=\"data.endpoint\" \n api-version=\"1.0.0\" \n url-path=\"query\"\n [attr.url-ignore]=\"data.libOptions?.pbPage?.urlIgnore?.join(',') || 'odd,view,path,selectors,highlight,view2'\"\n >\n <!-- PB DOCUMENT-->\n <pb-document\n *ngFor=\"let doc of data.docs; index as $i\"\n [attr.path]=\"doc.xml\"\n [attr.odd]=\"doc.odd\"\n [attr.id]=\"doc.id\"\n [attr.view]=\"doc.view\"\n [attr.disable-history]=\"doc.disableHistory === true ? '' : null\"\n [attr.root-path]=\"doc.rootPath\"\n >\n </pb-document>\n\n <app-drawer-layout force-narrow=\"force-narrow\" narrow=\"\">\n <app-header-layout>\n <app-header\n fixed=\"fixed\"\n data-template=\"browse:fix-links\"\n style=\"\n transition-duration: 0ms;\n transform: translate3d(0px, 0px, 0px);\n left: 0px;\n right: 0.399994px;\n \"\n >\n <app-toolbar\n class=\"toolbar\"\n sticky=\"sticky\"\n style=\"transform: translate3d(0px, 0px, 0px)\"\n >\n <!-- TOC button -->\n <paper-icon-button\n id=\"tocToggle\"\n class=\"toc-toggle\"\n icon=\"icons:view-list\"\n role=\"button\"\n tabindex=\"0\"\n aria-disabled=\"false\"\n ></paper-icon-button>\n\n <!-- Plain reading view-->\n <pb-toggle-feature\n *ngIf=\"data.docs?.length === 1\"\n name=\"highlight1\"\n selector=\"tei-app,pb-popover,pb-highlight,.quote,pb-alternate\"\n default=\"off\"\n action=\"disable\"\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n >\n <ng-container *ngIf=\"data.labels && data.labels.view\">\n {{data.labels.view}}\n </ng-container>\n <ng-container *ngIf=\"!data.labels || !data.labels.view\">\n <pb-i18n key=\"document.plain\">Plain Reading View</pb-i18n>\n </ng-container>\n </pb-toggle-feature>\n\n <!-- Zoom Controls -->\n <pb-zoom\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n direction=\"in\"\n icon=\"icons:zoom-in\"\n ></pb-zoom>\n <pb-zoom\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n direction=\"out\"\n icon=\"icons:zoom-out\"\n ></pb-zoom>\n\n <!-- Navigation Controls -->\n <pb-navigation\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n keyboard=\"left\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n direction=\"backward\"\n unit=\"page\"\n >\n <paper-icon-button\n icon=\"icons:chevron-left\"\n role=\"button\"\n tabindex=\"0\"\n aria-disabled=\"false\"\n ></paper-icon-button>\n </pb-navigation>\n <pb-navigation\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n keyboard=\"right\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n direction=\"forward\"\n unit=\"page\"\n >\n <paper-icon-button\n icon=\"icons:chevron-right\"\n role=\"button\"\n tabindex=\"0\"\n aria-disabled=\"false\"\n ></paper-icon-button>\n </pb-navigation>\n\n <!-- Pulsante aggiungi pannello -->\n <pb-grid-action \n *ngIf=\"!data.libOptions?.grid?.disableAddColumn\"\n action=\"add\" \n class=\"grid-add\" \n [attr.grid]=\"'#' + (data.grid?.id || 'grid')\"\n >\n <paper-button \n role=\"button\" \n tabindex=\"0\" \n animated=\"\" \n elevation=\"0\" \n aria-disabled=\"false\"\n >\n <iron-icon icon=\"icons:add\"></iron-icon> \n {{ data.labels?.addColumn || 'Aggiungi colonna' }}\n </paper-button>\n </pb-grid-action>\n\n <!-- Pulsante download -->\n <ng-container *ngIf=\"data.download\">\n <div class=\"n7-parallel-text-viewer__toolbar-container-flex\">\n <pb-download\n [type]=\"data.download.format || ''\"\n [src]=\"data.docs[0].id\"\n [url]=\"data.download.file || ''\"\n dialog=\"downloadDialog\"\n (click)=\"openDownload($event, data.download.file)\"\n [title]=\"data.download.label && data.download.format ? data.download.label + ' ' + data.download.format : ''\"\n >\n <paper-button raised=\"\">\n {{data.download.label && data.download.format ? data.download.label + ' ' + data.download.format : 'Download'}}\n </paper-button>\n </pb-download>\n </div>\n </ng-container>\n\n <pb-progress\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n indeterminate=\"\"\n bottom-item=\"bottom-item\"\n style=\"visibility: hidden\"\n ></pb-progress>\n </app-toolbar>\n </app-header>\n\n <!-- Main Content with Parallel Grid -->\n <main class=\"content-body\">\n <pb-grid \n [id]=\"data.grid?.id || 'grid'\"\n [attr.panels]=\"data.grid?.panels ? '[' + data.grid.panels.join(',') + ']' : '[0]'\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n >\n <!-- Main pb-->\n <pb-view \n id=\"transcription-view\"\n [attr.src]=\"data.mainDoc.doc_id || data.docs[0].id\"\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n [attr.odd]=\"data.mainDoc.odd\"\n [attr.view]=\"data.mainDoc.view\"\n (click)=\"onClick($event)\"\n [attr.url]=\"data.mainDoc.rootPath\"\n append-footnotes=\"append-footnotes\"\n >\n </pb-view>\n\n <!-- Template -->\n <template>\n <pb-panel [attr.emit]=\"data.grid?.emit || 'transcription'\">\n <!-- Rimozione colonna -->\n <pb-grid-action \n [attr.grid]=\"'#' + (data.grid?.id || 'grid')\" \n slot=\"toolbar\" \n action=\"remove\"\n >\n <paper-icon-button icon=\"icons:close\"></paper-icon-button>\n </pb-grid-action>\n\n <!-- Pannelli secondari -->\n \n <ng-container *ngFor=\"let panel of data.panels\">\n <ng-container *ngIf=\"panel.enabled\">\n <ng-container [ngSwitch]=\"panel.type\">\n\n <ng-container *ngSwitchCase=\"'text'\">\n <template [attr.title]=\"panel.title\">\n <pb-view \n [attr.id]=\"panel.id + '-view'\"\n [attr.src]=\"panel.doc_id || data.docs[0].id\"\n [attr.odd]=\"panel.odd\"\n [attr.view]=\"panel.view || 'single'\"\n [attr.xpath]=\"panel.xpath\"\n [attr.map]=\"panel.mapFunction\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n (click)=\"onClick($event)\"\n [attr.url]=\"data.mainDoc.rootPath\"\n disable-history=\"\"\n >\n <pb-param \n *ngFor=\"let param of panel.params || []\"\n [attr.name]=\"param.name\"\n [attr.value]=\"param.value\"\n ></pb-param>\n </pb-view>\n </template>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'facsimile'\">\n <template [attr.title]=\"panel.title\">\n <pb-facsimile\n *ngIf=\"panel.facsimile?.enabled\"\n [attr.base-uri]=\"panel.facsimile.uri\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n class=\"pb-facsimile\"\n [style.height]=\"panel.facsimile.options?.height || '600px'\"\n [attr.default-zoom-level]=\"panel.facsimile.options?.defaultZoomLevel || 0\"\n [attr.show-navigator]=\"panel.facsimile.options?.showNavigator ? 'show-navigator' : null\"\n [attr.show-navigation-control]=\"panel.facsimile.options?.showNavigationControl ? 'show-navigation-control' : null\"\n [attr.show-home-control]=\"panel.facsimile.options?.showHomeControl ? 'show-home-control' : null\"\n [attr.show-rotation-control]=\"panel.facsimile.options?.showRotationControl ? 'show-rotation-control' : null\"\n [attr.show-full-page-control]=\"panel.facsimile.options?.showFullPageControl ? 'show-full-page-control' : null\"\n [scans]=\"panel.facsimile.scans\"\n >\n </pb-facsimile>\n </template>\n </ng-container>\n </ng-container>\n </ng-container>\n </ng-container>\n\n </pb-panel>\n </template>\n </pb-grid>\n </main>\n\n <!-- TOC Drawer -->\n <pb-drawer\n toggle=\"tocToggle\"\n class=\"tocDrawer\"\n emit=\"toc\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n >\n <div class=\"drawer-content\">\n <h3>\n <ng-container *ngIf=\"data.labels && data.labels.toc\">\n {{data.labels.toc}}\n </ng-container>\n <ng-container *ngIf=\"!data.labels || !data.labels.toc\">\n <pb-i18n key=\"document.contents\">Contents</pb-i18n>\n </ng-container>\n </h3>\n <pb-load\n *ngIf=\"data.docs && data.docs.length > 0 && !data.libOptions?.toc?.disable\"\n id=\"toc\"\n [attr.url]=\"data.mainDoc.rootPath ? (data.mainDoc.rootPath + '/' + data.mainDoc.doc_id + '/contents?target=transcription&icons=true') : 'api/document/{doc}/contents?target=transcription&icons=true'\"\n [attr.src]=\"data.mainDoc.doc_id\"\n subscribe=\"toc\"\n emit=\"toc\"\n expand=\"expand\"\n auto=\"auto\"\n >\n <ng-container *ngIf=\"data.labels && data.labels.loading\">\n {{data.labels.loading}}\n </ng-container>\n <ng-container *ngIf=\"!data.labels || !data.labels.loading\">\n <pb-i18n key=\"dialogs.loading\">Loading</pb-i18n>\n </ng-container>\n </pb-load>\n </div>\n </pb-drawer>\n </app-header-layout>\n </app-drawer-layout>\n </pb-page>\n</div>\n\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] }); }
|
|
2438
2438
|
}
|
|
2439
2439
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ParallelTextViewerComponent, decorators: [{
|
|
2440
2440
|
type: Component,
|
|
2441
|
-
args: [{ selector: 'n7-parallel-text-viewer', template: "<div\n class=\"n7-parallel-text-viewer {{data?.classes || ''}}\"\n *ngIf=\"data && data.endpoint\"\n>\n <pb-page \n [attr.endpoint]=\"data.endpoint\" \n api-version=\"1.0.0\" \n url-path=\"query\"\n [attr.url-ignore]=\"data.libOptions?.pbPage?.urlIgnore?.join(',') || 'odd,view,path,selectors,highlight,view2'\"\n >\n <!-- PB DOCUMENT-->\n <pb-document\n *ngFor=\"let doc of data.docs; index as $i\"\n [attr.path]=\"doc.xml\"\n [attr.odd]=\"doc.odd\"\n [attr.id]=\"doc.id\"\n [attr.view]=\"doc.view\"\n [attr.disable-history]=\"doc.disableHistory === true ? '' : null\"\n [attr.root-path]=\"doc.rootPath\"\n >\n </pb-document>\n\n <app-drawer-layout force-narrow=\"force-narrow\" narrow=\"\">\n <app-header-layout>\n <app-header\n fixed=\"fixed\"\n data-template=\"browse:fix-links\"\n style=\"\n transition-duration: 0ms;\n transform: translate3d(0px, 0px, 0px);\n left: 0px;\n right: 0.399994px;\n \"\n >\n <app-toolbar\n class=\"toolbar\"\n sticky=\"sticky\"\n style=\"transform: translate3d(0px, 0px, 0px)\"\n >\n <!-- TOC button -->\n <paper-icon-button\n id=\"tocToggle\"\n class=\"toc-toggle\"\n icon=\"icons:view-list\"\n role=\"button\"\n tabindex=\"0\"\n aria-disabled=\"false\"\n ></paper-icon-button>\n\n <!-- Plain reading view-->\n <pb-toggle-feature\n *ngIf=\"data.docs?.length === 1\"\n name=\"highlight1\"\n selector=\"tei-app,pb-popover,pb-highlight,.quote,pb-alternate\"\n default=\"off\"\n action=\"disable\"\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n >\n <ng-container *ngIf=\"data.labels && data.labels.view\">\n {{data.labels.view}}\n </ng-container>\n <ng-container *ngIf=\"!data.labels || !data.labels.view\">\n <pb-i18n key=\"document.plain\">Plain Reading View</pb-i18n>\n </ng-container>\n </pb-toggle-feature>\n\n <!-- Zoom Controls -->\n <pb-zoom\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n direction=\"in\"\n icon=\"icons:zoom-in\"\n ></pb-zoom>\n <pb-zoom\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n direction=\"out\"\n icon=\"icons:zoom-out\"\n ></pb-zoom>\n\n <!-- Navigation Controls -->\n <pb-navigation\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n keyboard=\"left\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n direction=\"backward\"\n unit=\"page\"\n >\n <paper-icon-button\n icon=\"icons:chevron-left\"\n role=\"button\"\n tabindex=\"0\"\n aria-disabled=\"false\"\n ></paper-icon-button>\n </pb-navigation>\n <pb-navigation\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n keyboard=\"right\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n direction=\"forward\"\n unit=\"page\"\n >\n <paper-icon-button\n icon=\"icons:chevron-right\"\n role=\"button\"\n tabindex=\"0\"\n aria-disabled=\"false\"\n ></paper-icon-button>\n </pb-navigation>\n\n <!-- Pulsante aggiungi pannello -->\n <pb-grid-action \n *ngIf=\"!data.libOptions?.grid?.disableAddColumn\"\n action=\"add\" \n class=\"grid-add\" \n [attr.grid]=\"'#' + (data.grid?.id || 'grid')\"\n >\n <paper-button \n role=\"button\" \n tabindex=\"0\" \n animated=\"\" \n elevation=\"0\" \n aria-disabled=\"false\"\n >\n <iron-icon icon=\"icons:add\"></iron-icon> \n {{ data.labels?.addColumn || 'Aggiungi colonna' }}\n </paper-button>\n </pb-grid-action>\n\n <!-- Pulsante download -->\n <ng-container *ngIf=\"data.download\">\n <div class=\"n7-parallel-text-viewer__toolbar-container-flex\">\n <pb-download\n [type]=\"data.download.format || ''\"\n [src]=\"data.docs[0].id\"\n [url]=\"data.download.file || ''\"\n dialog=\"downloadDialog\"\n (click)=\"openDownload($event, data.download.file)\"\n [title]=\"data.download.label && data.download.format ? data.download.label + ' ' + data.download.format : ''\"\n >\n <paper-button raised=\"\">\n {{data.download.label && data.download.format ? data.download.label + ' ' + data.download.format : 'Download'}}\n </paper-button>\n </pb-download>\n </div>\n </ng-container>\n\n <pb-progress\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n indeterminate=\"\"\n bottom-item=\"bottom-item\"\n style=\"visibility: hidden\"\n ></pb-progress>\n </app-toolbar>\n </app-header>\n\n <!-- Main Content with Parallel Grid -->\n <main class=\"content-body\">\n <pb-grid \n [id]=\"data.grid?.id || 'grid'\"\n [attr.panels]=\"data.grid?.panels ? '[' + data.grid.panels.join(',') + ']' : '[0]'\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n >\n <!-- Main pb-->\n <pb-view \n id=\"transcription-view\"\n [attr.src]=\"data.mainDoc.doc_id || data.docs[0].id\"\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n [attr.odd]=\"data.mainDoc.odd\"\n [attr.view]=\"data.mainDoc.view\"\n (click)=\"onClick($event)\"\n [attr.url]=\"data.mainDoc.rootPath\"\n >\n </pb-view>\n\n <!-- Template -->\n <template>\n <pb-panel [attr.emit]=\"data.grid?.emit || 'transcription'\">\n <!-- Rimozione colonna -->\n <pb-grid-action \n [attr.grid]=\"'#' + (data.grid?.id || 'grid')\" \n slot=\"toolbar\" \n action=\"remove\"\n >\n <paper-icon-button icon=\"icons:close\"></paper-icon-button>\n </pb-grid-action>\n\n <!-- Pannelli secondari -->\n \n <ng-container *ngFor=\"let panel of data.panels\">\n <ng-container *ngIf=\"panel.enabled\">\n <ng-container [ngSwitch]=\"panel.type\">\n\n <ng-container *ngSwitchCase=\"'text'\">\n <template [attr.title]=\"panel.title\">\n <pb-view \n [attr.id]=\"panel.id + '-view'\"\n [attr.src]=\"panel.doc_id || data.docs[0].id\"\n [attr.odd]=\"panel.odd\"\n [attr.view]=\"panel.view || 'single'\"\n [attr.xpath]=\"panel.xpath\"\n [attr.map]=\"panel.mapFunction\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n (click)=\"onClick($event)\"\n [attr.url]=\"data.mainDoc.rootPath\"\n disable-history=\"\"\n >\n <pb-param \n *ngFor=\"let param of panel.params || []\"\n [attr.name]=\"param.name\"\n [attr.value]=\"param.value\"\n ></pb-param>\n </pb-view>\n </template>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'facsimile'\">\n <template [attr.title]=\"panel.title\">\n <pb-facsimile\n *ngIf=\"panel.facsimile?.enabled\"\n [attr.base-uri]=\"panel.facsimile.uri\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n class=\"pb-facsimile\"\n [style.height]=\"panel.facsimile.options?.height || '600px'\"\n [attr.default-zoom-level]=\"panel.facsimile.options?.defaultZoomLevel || 0\"\n [attr.show-navigator]=\"panel.facsimile.options?.showNavigator ? 'show-navigator' : null\"\n [attr.show-navigation-control]=\"panel.facsimile.options?.showNavigationControl ? 'show-navigation-control' : null\"\n [attr.show-home-control]=\"panel.facsimile.options?.showHomeControl ? 'show-home-control' : null\"\n [attr.show-rotation-control]=\"panel.facsimile.options?.showRotationControl ? 'show-rotation-control' : null\"\n [attr.show-full-page-control]=\"panel.facsimile.options?.showFullPageControl ? 'show-full-page-control' : null\"\n [scans]=\"panel.facsimile.scans\"\n >\n </pb-facsimile>\n </template>\n </ng-container>\n </ng-container>\n </ng-container>\n </ng-container>\n\n </pb-panel>\n </template>\n </pb-grid>\n </main>\n\n <!-- TOC Drawer -->\n <pb-drawer\n toggle=\"tocToggle\"\n class=\"tocDrawer\"\n emit=\"toc\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n >\n <div class=\"drawer-content\">\n <h3>\n <ng-container *ngIf=\"data.labels && data.labels.toc\">\n {{data.labels.toc}}\n </ng-container>\n <ng-container *ngIf=\"!data.labels || !data.labels.toc\">\n <pb-i18n key=\"document.contents\">Contents</pb-i18n>\n </ng-container>\n </h3>\n <pb-load\n *ngIf=\"data.docs && data.docs.length > 0 && !data.libOptions?.toc?.disable\"\n id=\"toc\"\n [attr.url]=\"data.mainDoc.rootPath ? (data.mainDoc.rootPath + '/' + data.mainDoc.doc_id + '/contents?target=transcription&icons=true') : 'api/document/{doc}/contents?target=transcription&icons=true'\"\n [attr.src]=\"data.mainDoc.doc_id\"\n subscribe=\"toc\"\n emit=\"toc\"\n expand=\"expand\"\n auto=\"auto\"\n >\n <ng-container *ngIf=\"data.labels && data.labels.loading\">\n {{data.labels.loading}}\n </ng-container>\n <ng-container *ngIf=\"!data.labels || !data.labels.loading\">\n <pb-i18n key=\"dialogs.loading\">Loading</pb-i18n>\n </ng-container>\n </pb-load>\n </div>\n </pb-drawer>\n </app-header-layout>\n </app-drawer-layout>\n </pb-page>\n</div>\n\n" }]
|
|
2441
|
+
args: [{ selector: 'n7-parallel-text-viewer', template: "<div\n class=\"n7-parallel-text-viewer {{data?.classes || ''}}\"\n *ngIf=\"data && data.endpoint\"\n>\n <pb-page \n [attr.endpoint]=\"data.endpoint\" \n api-version=\"1.0.0\" \n url-path=\"query\"\n [attr.url-ignore]=\"data.libOptions?.pbPage?.urlIgnore?.join(',') || 'odd,view,path,selectors,highlight,view2'\"\n >\n <!-- PB DOCUMENT-->\n <pb-document\n *ngFor=\"let doc of data.docs; index as $i\"\n [attr.path]=\"doc.xml\"\n [attr.odd]=\"doc.odd\"\n [attr.id]=\"doc.id\"\n [attr.view]=\"doc.view\"\n [attr.disable-history]=\"doc.disableHistory === true ? '' : null\"\n [attr.root-path]=\"doc.rootPath\"\n >\n </pb-document>\n\n <app-drawer-layout force-narrow=\"force-narrow\" narrow=\"\">\n <app-header-layout>\n <app-header\n fixed=\"fixed\"\n data-template=\"browse:fix-links\"\n style=\"\n transition-duration: 0ms;\n transform: translate3d(0px, 0px, 0px);\n left: 0px;\n right: 0.399994px;\n \"\n >\n <app-toolbar\n class=\"toolbar\"\n sticky=\"sticky\"\n style=\"transform: translate3d(0px, 0px, 0px)\"\n >\n <!-- TOC button -->\n <paper-icon-button\n id=\"tocToggle\"\n class=\"toc-toggle\"\n icon=\"icons:view-list\"\n role=\"button\"\n tabindex=\"0\"\n aria-disabled=\"false\"\n ></paper-icon-button>\n\n <!-- Plain reading view-->\n <pb-toggle-feature\n *ngIf=\"data.docs?.length === 1\"\n name=\"highlight1\"\n selector=\"tei-app,pb-popover,pb-highlight,.quote,pb-alternate\"\n default=\"off\"\n action=\"disable\"\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n >\n <ng-container *ngIf=\"data.labels && data.labels.view\">\n {{data.labels.view}}\n </ng-container>\n <ng-container *ngIf=\"!data.labels || !data.labels.view\">\n <pb-i18n key=\"document.plain\">Plain Reading View</pb-i18n>\n </ng-container>\n </pb-toggle-feature>\n\n <!-- Zoom Controls -->\n <pb-zoom\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n direction=\"in\"\n icon=\"icons:zoom-in\"\n ></pb-zoom>\n <pb-zoom\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n direction=\"out\"\n icon=\"icons:zoom-out\"\n ></pb-zoom>\n\n <!-- Navigation Controls -->\n <pb-navigation\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n keyboard=\"left\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n direction=\"backward\"\n unit=\"page\"\n >\n <paper-icon-button\n icon=\"icons:chevron-left\"\n role=\"button\"\n tabindex=\"0\"\n aria-disabled=\"false\"\n ></paper-icon-button>\n </pb-navigation>\n <pb-navigation\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n keyboard=\"right\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n direction=\"forward\"\n unit=\"page\"\n >\n <paper-icon-button\n icon=\"icons:chevron-right\"\n role=\"button\"\n tabindex=\"0\"\n aria-disabled=\"false\"\n ></paper-icon-button>\n </pb-navigation>\n\n <!-- Pulsante aggiungi pannello -->\n <pb-grid-action \n *ngIf=\"!data.libOptions?.grid?.disableAddColumn\"\n action=\"add\" \n class=\"grid-add\" \n [attr.grid]=\"'#' + (data.grid?.id || 'grid')\"\n >\n <paper-button \n role=\"button\" \n tabindex=\"0\" \n animated=\"\" \n elevation=\"0\" \n aria-disabled=\"false\"\n >\n <iron-icon icon=\"icons:add\"></iron-icon> \n {{ data.labels?.addColumn || 'Aggiungi colonna' }}\n </paper-button>\n </pb-grid-action>\n\n <!-- Pulsante download -->\n <ng-container *ngIf=\"data.download\">\n <div class=\"n7-parallel-text-viewer__toolbar-container-flex\">\n <pb-download\n [type]=\"data.download.format || ''\"\n [src]=\"data.docs[0].id\"\n [url]=\"data.download.file || ''\"\n dialog=\"downloadDialog\"\n (click)=\"openDownload($event, data.download.file)\"\n [title]=\"data.download.label && data.download.format ? data.download.label + ' ' + data.download.format : ''\"\n >\n <paper-button raised=\"\">\n {{data.download.label && data.download.format ? data.download.label + ' ' + data.download.format : 'Download'}}\n </paper-button>\n </pb-download>\n </div>\n </ng-container>\n\n <pb-progress\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n indeterminate=\"\"\n bottom-item=\"bottom-item\"\n style=\"visibility: hidden\"\n ></pb-progress>\n </app-toolbar>\n </app-header>\n\n <!-- Main Content with Parallel Grid -->\n <main class=\"content-body\">\n <pb-grid \n [id]=\"data.grid?.id || 'grid'\"\n [attr.panels]=\"data.grid?.panels ? '[' + data.grid.panels.join(',') + ']' : '[0]'\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n >\n <!-- Main pb-->\n <pb-view \n id=\"transcription-view\"\n [attr.src]=\"data.mainDoc.doc_id || data.docs[0].id\"\n [attr.emit]=\"data.grid?.emit || 'transcription'\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n [attr.odd]=\"data.mainDoc.odd\"\n [attr.view]=\"data.mainDoc.view\"\n (click)=\"onClick($event)\"\n [attr.url]=\"data.mainDoc.rootPath\"\n append-footnotes=\"append-footnotes\"\n >\n </pb-view>\n\n <!-- Template -->\n <template>\n <pb-panel [attr.emit]=\"data.grid?.emit || 'transcription'\">\n <!-- Rimozione colonna -->\n <pb-grid-action \n [attr.grid]=\"'#' + (data.grid?.id || 'grid')\" \n slot=\"toolbar\" \n action=\"remove\"\n >\n <paper-icon-button icon=\"icons:close\"></paper-icon-button>\n </pb-grid-action>\n\n <!-- Pannelli secondari -->\n \n <ng-container *ngFor=\"let panel of data.panels\">\n <ng-container *ngIf=\"panel.enabled\">\n <ng-container [ngSwitch]=\"panel.type\">\n\n <ng-container *ngSwitchCase=\"'text'\">\n <template [attr.title]=\"panel.title\">\n <pb-view \n [attr.id]=\"panel.id + '-view'\"\n [attr.src]=\"panel.doc_id || data.docs[0].id\"\n [attr.odd]=\"panel.odd\"\n [attr.view]=\"panel.view || 'single'\"\n [attr.xpath]=\"panel.xpath\"\n [attr.map]=\"panel.mapFunction\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n (click)=\"onClick($event)\"\n [attr.url]=\"data.mainDoc.rootPath\"\n disable-history=\"\"\n >\n <pb-param \n *ngFor=\"let param of panel.params || []\"\n [attr.name]=\"param.name\"\n [attr.value]=\"param.value\"\n ></pb-param>\n </pb-view>\n </template>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'facsimile'\">\n <template [attr.title]=\"panel.title\">\n <pb-facsimile\n *ngIf=\"panel.facsimile?.enabled\"\n [attr.base-uri]=\"panel.facsimile.uri\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n class=\"pb-facsimile\"\n [style.height]=\"panel.facsimile.options?.height || '600px'\"\n [attr.default-zoom-level]=\"panel.facsimile.options?.defaultZoomLevel || 0\"\n [attr.show-navigator]=\"panel.facsimile.options?.showNavigator ? 'show-navigator' : null\"\n [attr.show-navigation-control]=\"panel.facsimile.options?.showNavigationControl ? 'show-navigation-control' : null\"\n [attr.show-home-control]=\"panel.facsimile.options?.showHomeControl ? 'show-home-control' : null\"\n [attr.show-rotation-control]=\"panel.facsimile.options?.showRotationControl ? 'show-rotation-control' : null\"\n [attr.show-full-page-control]=\"panel.facsimile.options?.showFullPageControl ? 'show-full-page-control' : null\"\n [scans]=\"panel.facsimile.scans\"\n >\n </pb-facsimile>\n </template>\n </ng-container>\n </ng-container>\n </ng-container>\n </ng-container>\n\n </pb-panel>\n </template>\n </pb-grid>\n </main>\n\n <!-- TOC Drawer -->\n <pb-drawer\n toggle=\"tocToggle\"\n class=\"tocDrawer\"\n emit=\"toc\"\n [attr.subscribe]=\"data.grid?.subscribe || 'transcription'\"\n >\n <div class=\"drawer-content\">\n <h3>\n <ng-container *ngIf=\"data.labels && data.labels.toc\">\n {{data.labels.toc}}\n </ng-container>\n <ng-container *ngIf=\"!data.labels || !data.labels.toc\">\n <pb-i18n key=\"document.contents\">Contents</pb-i18n>\n </ng-container>\n </h3>\n <pb-load\n *ngIf=\"data.docs && data.docs.length > 0 && !data.libOptions?.toc?.disable\"\n id=\"toc\"\n [attr.url]=\"data.mainDoc.rootPath ? (data.mainDoc.rootPath + '/' + data.mainDoc.doc_id + '/contents?target=transcription&icons=true') : 'api/document/{doc}/contents?target=transcription&icons=true'\"\n [attr.src]=\"data.mainDoc.doc_id\"\n subscribe=\"toc\"\n emit=\"toc\"\n expand=\"expand\"\n auto=\"auto\"\n >\n <ng-container *ngIf=\"data.labels && data.labels.loading\">\n {{data.labels.loading}}\n </ng-container>\n <ng-container *ngIf=\"!data.labels || !data.labels.loading\">\n <pb-i18n key=\"dialogs.loading\">Loading</pb-i18n>\n </ng-container>\n </pb-load>\n </div>\n </pb-drawer>\n </app-header-layout>\n </app-drawer-layout>\n </pb-page>\n</div>\n\n" }]
|
|
2442
2442
|
}], propDecorators: { data: [{
|
|
2443
2443
|
type: Input
|
|
2444
2444
|
}], emit: [{
|
|
@@ -6766,39 +6766,45 @@ const PARALLEL_TEXT_VIEWER_MOCK = {
|
|
|
6766
6766
|
};
|
|
6767
6767
|
|
|
6768
6768
|
const PARALLEL_TEXT_VIEWER_DPH_MOCK = {
|
|
6769
|
-
endpoint: 'https://backend.dph.netseven.work/api/tei',
|
|
6769
|
+
// endpoint: 'https://backend.dph.netseven.work/api/tei',
|
|
6770
|
+
// endpoint: 'https://backend.dph.netseven.work/api/public/tei',
|
|
6771
|
+
// endpoint: 'http://localhost:8080/exist/apps/tei-publisher',
|
|
6772
|
+
endpoint: 'https://teipublisher9.muruca.cloud/exist/apps/tei-publisher',
|
|
6770
6773
|
docs: [
|
|
6771
6774
|
{
|
|
6772
|
-
xml: '
|
|
6773
|
-
|
|
6775
|
+
xml: 'playground/sn30__1_cleaned_v2.xml',
|
|
6776
|
+
// xml: 'playground/pericopi.xml',
|
|
6777
|
+
id: 'document1',
|
|
6774
6778
|
},
|
|
6775
6779
|
{
|
|
6776
|
-
xml: '
|
|
6777
|
-
|
|
6778
|
-
|
|
6780
|
+
xml: 'playground/SN_44_Ultima.xml',
|
|
6781
|
+
// xml: 'playground/postille.xml',
|
|
6782
|
+
id: 'document2',
|
|
6783
|
+
}
|
|
6779
6784
|
],
|
|
6780
6785
|
mainDoc: {
|
|
6781
|
-
odd: '',
|
|
6782
|
-
|
|
6786
|
+
odd: 'ISPF_ODD',
|
|
6787
|
+
// odd: '',
|
|
6788
|
+
doc_id: 'document1',
|
|
6783
6789
|
view: 'page',
|
|
6784
|
-
rootPath: 'transcriptions',
|
|
6785
6790
|
},
|
|
6786
6791
|
// Grid
|
|
6787
6792
|
grid: {
|
|
6788
6793
|
id: 'grid',
|
|
6789
|
-
panels: [], // Initial panels to show
|
|
6794
|
+
panels: [0], // Initial panels to show
|
|
6790
6795
|
subscribe: 'transcription',
|
|
6791
6796
|
emit: 'transcription',
|
|
6792
6797
|
},
|
|
6793
6798
|
panels: [
|
|
6794
6799
|
{
|
|
6795
|
-
id: '
|
|
6796
|
-
doc_id: '
|
|
6800
|
+
id: '44',
|
|
6801
|
+
doc_id: 'document2',
|
|
6797
6802
|
enabled: true,
|
|
6798
|
-
title: '
|
|
6803
|
+
title: 'SN-44',
|
|
6799
6804
|
type: 'text',
|
|
6800
|
-
odd: '',
|
|
6801
|
-
|
|
6805
|
+
odd: 'ISPF_ODD',
|
|
6806
|
+
// odd: '',
|
|
6807
|
+
view: 'page',
|
|
6802
6808
|
}
|
|
6803
6809
|
],
|
|
6804
6810
|
/* download: {
|