diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 5a4844a..43bafdc 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -1,123 +1,131 @@ import { AppComponent } from './app.component'; import { BrowserModule } from '@angular/platform-browser'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { CdkTableModule } from '@angular/cdk/table'; import { DragDropModule } from '@angular/cdk/drag-drop'; import { FormsModule, ReactiveFormsModule} from '@angular/forms'; import { NgModule } from '@angular/core'; +import {MatButtonToggleModule} from '@angular/material/button-toggle'; import {MatCardModule} from '@angular/material/card'; import { MatDialogModule, MatToolbarModule, MatButtonModule} from '@angular/material'; import { MatExpansionModule } from '@angular/material/expansion'; import {MatIconModule} from '@angular/material/icon'; import { MatInputModule } from '@angular/material/input'; import { MatListModule } from '@angular/material/list'; import {MatMenuModule} from '@angular/material/menu'; import { MatPaginatorModule, MatSortModule, MatSidenavModule, MatCheckboxModule, MatRadioModule } from '@angular/material'; import { MatSelectModule } from '@angular/material/select'; import { MatTableModule } from '@angular/material/table'; import {MatTabsModule} from '@angular/material/tabs'; import {MatTooltipModule} from '@angular/material'; import { DataListViewComponent } from './data-list-view/data-list-view.component'; import { DataListViewTableComponent, HighlightPipe } from './data-list-view/data-list-view-table/data-list-view-table.component'; import { DialogComponent } from './dialog-component/dialog.component'; import { InfoBoxComponent } from './info-box-component/info-box.component'; import { TextFieldComponent} from './textfield-component/textfield.component'; import { WordPositionDirective } from './textfield-component/word-position.directive'; import { TextfieldOptionsComponentComponent } from './textfield-options-component/textfield-options-component.component'; import { CommonModule } from '@angular/common'; import { HttpClientModule } from '@angular/common/http'; import { RdfDataBrowserComponentComponent } from './rdf-data-browser-component/rdf-data-browser-component.component'; import { QueryService } from './services/query.service'; import {AnnotationService, TextStyleService} from './services/annotation.service'; import { DisplayedCollumnsService } from './data-list-view/data-list-view-services/table-data.service'; import {DataListViewSettings} from './data-list-view/data-list-view-settings/data-list-view-settings.service'; import { MarkupTextComponentComponent } from './markup-text-component/markup-text-component.component'; import { BergwerkeComponent } from './bergwerke/bergwerke.component'; import { SubmenuComponentComponent } from './markup-text-component/submenu-component/submenu-component.component'; import { MarkupTextButtonsComponentComponent } from './markup-text-component/markup-text-buttons-component/markup-text-buttons-component.component'; import { GenericControlsComponent } from './generic-control-elements-component/generic-control-elements-component.component'; import { MarkupHyperlinkComponentComponent } from './markup-text-component/markup-hyperlink-component/markup-hyperlink-component.component'; import { MarkupTextIconComponent } from './markup-text-component/markup-text-icon-component/markup-text-icon.component'; import { UploadRdfDataComponentComponent } from './upload-rdf-data-component/upload-rdf-data-component.component'; import { CustomizableSearchComponentComponent } from './customizable-search-component/customizable-search-component.component'; import { SelectComponentComponent } from './generic-control-elements-component/select-component/select-component.component'; import { RadioComponentComponent } from './generic-control-elements-component/radio-component/radio-component.component'; import { CheckboxComponentComponent } from './generic-control-elements-component/checkbox-component/checkbox-component.component'; import {GenericControlElementsService} from './generic-control-elements-component/generic-control-elements-service.service'; import {routing} from './app.routing'; import {HomeComponent} from './home.component'; import { ManuscriptViewComponentComponent } from './manuscript-view-component/manuscript-view-component.component'; -import { TextViewComponentComponent } from './text-view-component/text-view-component.component'; import { ContentViewTabComponentComponent } from './content-view-tab-component/content-view-tab-component.component'; import { RhizomeViewComponentComponent } from './rhizome-view-component/rhizome-view-component.component'; import { MainMenuComponentComponent } from './main-menu-component/main-menu-component.component'; import { SidenavComponentComponent } from './sidenav-component/sidenav-component.component'; +import { PageViewComponentComponent } from './page-view-component/page-view-component.component'; +import { SynopsisComponentComponent } from './page-view-component/synopsis-component/synopsis-component.component'; +import { FaksimileComponentComponent } from './page-view-component/faksimile-component/faksimile-component.component'; +import { TranscriptionComponentComponent } from './page-view-component/transcription-component/transcription-component.component'; @NgModule({ declarations: [ AppComponent, HomeComponent, TextFieldComponent, WordPositionDirective, InfoBoxComponent, TextfieldOptionsComponentComponent, DataListViewComponent, DataListViewTableComponent, DialogComponent, HighlightPipe, RdfDataBrowserComponentComponent, MarkupTextComponentComponent, BergwerkeComponent, SubmenuComponentComponent, MarkupTextButtonsComponentComponent, GenericControlsComponent, MarkupHyperlinkComponentComponent, MarkupTextIconComponent, UploadRdfDataComponentComponent, CustomizableSearchComponentComponent, SelectComponentComponent, RadioComponentComponent, CheckboxComponentComponent, ManuscriptViewComponentComponent, - TextViewComponentComponent, ContentViewTabComponentComponent, RhizomeViewComponentComponent, MainMenuComponentComponent, - SidenavComponentComponent + SidenavComponentComponent, + PageViewComponentComponent, + SynopsisComponentComponent, + FaksimileComponentComponent, + TranscriptionComponentComponent ], imports: [ routing, BrowserModule, BrowserAnimationsModule, CdkTableModule, CommonModule, DragDropModule, HttpClientModule, MatButtonModule, + MatButtonToggleModule, MatCardModule, MatCheckboxModule, MatDialogModule, MatExpansionModule, MatIconModule, MatInputModule, MatListModule, MatMenuModule, MatPaginatorModule, MatRadioModule, MatSelectModule, MatSidenavModule, MatSortModule, MatTableModule, MatTabsModule, MatToolbarModule, MatTooltipModule, FormsModule, ReactiveFormsModule ], providers: [ QueryService, DisplayedCollumnsService, DataListViewSettings, TextStyleService, AnnotationService, GenericControlElementsService ], bootstrap: [AppComponent], entryComponents: [DialogComponent] }) export class AppModule { } diff --git a/src/app/app.routing.ts b/src/app/app.routing.ts index c682c53..e6a00e2 100644 --- a/src/app/app.routing.ts +++ b/src/app/app.routing.ts @@ -1,17 +1,16 @@ import {RouterModule, Routes} from '@angular/router'; import {BergwerkeComponent} from './bergwerke/bergwerke.component'; import {HomeComponent} from './home.component'; -import {TextViewComponentComponent} from './text-view-component/text-view-component.component'; import {ContentViewTabComponentComponent} from './content-view-tab-component/content-view-tab-component.component'; import {CONTENT_ROUTES} from './content-view-tab-component/content-view-routes'; const APP_ROUTES: Routes = [ {path: '', redirectTo: 'home', pathMatch: 'prefix'}, {path: 'home', component: HomeComponent}, {path: 'bergwerke', component: BergwerkeComponent}, {path: 'contentView', component: ContentViewTabComponentComponent, children: CONTENT_ROUTES} ]; export const routing = RouterModule.forRoot(APP_ROUTES); // c=edition&man=XYZ&page=11b&word=rect45&viewtab=transcription&view=2&infobox=true diff --git a/src/app/content-view-tab-component/content-view-routes.ts b/src/app/content-view-tab-component/content-view-routes.ts index 8deafe1..c817abe 100644 --- a/src/app/content-view-tab-component/content-view-routes.ts +++ b/src/app/content-view-tab-component/content-view-routes.ts @@ -1,11 +1,12 @@ import { Routes } from '@angular/router'; +import {PAGEVIEW_ROUTES} from "../page-view-component/page-view-routes"; import {ManuscriptViewComponentComponent} from "../manuscript-view-component/manuscript-view-component.component"; import {RhizomeViewComponentComponent} from "../rhizome-view-component/rhizome-view-component.component"; -import {TextViewComponentComponent} from "../text-view-component/text-view-component.component"; +import {PageViewComponentComponent} from "../page-view-component/page-view-component.component"; export const CONTENT_ROUTES: Routes = [ - { path: '', redirectTo: 'manuscript', pathMatch: 'prefix' }, { path: 'manuscript', component: ManuscriptViewComponentComponent }, - { path: 'text', component: TextViewComponentComponent }, - { path: 'rhizome', component: RhizomeViewComponentComponent } + { path: 'page', component: PageViewComponentComponent, children: PAGEVIEW_ROUTES }, + { path: 'rhizome', component: RhizomeViewComponentComponent }, + { path: '', redirectTo: 'manuscript', pathMatch: 'prefix' } ]; diff --git a/src/app/content-view-tab-component/content-view-tab-component.component.html b/src/app/content-view-tab-component/content-view-tab-component.component.html index 3673522..ddbba04 100644 --- a/src/app/content-view-tab-component/content-view-tab-component.component.html +++ b/src/app/content-view-tab-component/content-view-tab-component.component.html @@ -1,10 +1,10 @@ diff --git a/src/app/content-view-tab-component/content-view-tab-component.component.ts b/src/app/content-view-tab-component/content-view-tab-component.component.ts index efb93d7..fd0c9cb 100644 --- a/src/app/content-view-tab-component/content-view-tab-component.component.ts +++ b/src/app/content-view-tab-component/content-view-tab-component.component.ts @@ -1,36 +1,36 @@ import { Component, OnInit } from '@angular/core'; import {Router} from '@angular/router'; @Component({ selector: 'app-content-view-tab-component', templateUrl: './content-view-tab-component.component.html', styleUrls: ['./content-view-tab-component.component.scss'] }) export class ContentViewTabComponentComponent implements OnInit { navLinks: any[]; activeLinkIndex = -1; constructor(private router: Router) { this.navLinks = [ { label: 'Manuskripte', link: 'manuscript', index: 0 }, { label: 'Seitenansicht', - link: 'text', + link: 'page', index: 1 }, { label: 'Rhizome-Ansicht', link: 'rhizome', index: 2 }, ]; } ngOnInit(): void { this.router.events.subscribe((res) => { this.activeLinkIndex = this.navLinks.indexOf(this.navLinks.find(tab => tab.link === '.' + this.router.url)); }); } } diff --git a/src/app/models/models.ts b/src/app/models/models.ts index 42db944..70eaed4 100644 --- a/src/app/models/models.ts +++ b/src/app/models/models.ts @@ -1,25 +1,48 @@ export interface Word { id: string; text: string; left: number; top: number; width: number; height: number; row?: number; } export interface Annotation { id: string; text: string; styles: Array; } export interface Image { id: string; immageUrl: string; } export interface Svg { id: string; svgUrl: string; } + +export class SelectedEntityGroup { + manuscript: SelectedEntity; + page: SelectedEntity; + word?: SelectedEntity; + + constructor(manuscript, page, word ) { + this.manuscript = manuscript; + this.page = page; + this.word = word; + } +} + +// The selected entity on each viewtab (Manuscript, Page, Word) +export class SelectedEntity { + iri: string; + idx: number; + + constructor(iri, idx) { + this.iri = iri; + this.idx = idx; + } +} diff --git a/src/app/page-view-component/faksimile-component/faksimile-component.component.html b/src/app/page-view-component/faksimile-component/faksimile-component.component.html new file mode 100644 index 0000000..5e7b4d6 --- /dev/null +++ b/src/app/page-view-component/faksimile-component/faksimile-component.component.html @@ -0,0 +1 @@ +

faksimile-component works!

diff --git a/src/app/text-view-component/text-view-component.component.scss b/src/app/page-view-component/faksimile-component/faksimile-component.component.scss similarity index 100% rename from src/app/text-view-component/text-view-component.component.scss rename to src/app/page-view-component/faksimile-component/faksimile-component.component.scss diff --git a/src/app/page-view-component/faksimile-component/faksimile-component.component.spec.ts b/src/app/page-view-component/faksimile-component/faksimile-component.component.spec.ts new file mode 100644 index 0000000..7bc0870 --- /dev/null +++ b/src/app/page-view-component/faksimile-component/faksimile-component.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { FaksimileComponentComponent } from './faksimile-component.component'; + +describe('FaksimileComponentComponent', () => { + let component: FaksimileComponentComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ FaksimileComponentComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(FaksimileComponentComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/page-view-component/faksimile-component/faksimile-component.component.ts b/src/app/page-view-component/faksimile-component/faksimile-component.component.ts new file mode 100644 index 0000000..7b650ac --- /dev/null +++ b/src/app/page-view-component/faksimile-component/faksimile-component.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-faksimile-component', + templateUrl: './faksimile-component.component.html', + styleUrls: ['./faksimile-component.component.scss'] +}) +export class FaksimileComponentComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/app/page-view-component/page-view-component.component.html b/src/app/page-view-component/page-view-component.component.html new file mode 100644 index 0000000..78052ab --- /dev/null +++ b/src/app/page-view-component/page-view-component.component.html @@ -0,0 +1,49 @@ + + + + + + + + # + + + ## + + + + + vertical_split + + + horizontal_split + + + + + +
+
+ +
+ +
+ +
+
+ +
+
+ diff --git a/src/app/page-view-component/page-view-component.component.scss b/src/app/page-view-component/page-view-component.component.scss new file mode 100644 index 0000000..b742a1d --- /dev/null +++ b/src/app/page-view-component/page-view-component.component.scss @@ -0,0 +1,44 @@ +.content-area { + height: 80%; + display:table; +} + +.button-container { + height:100%; + vertical-align: middle; + width:20px; + display: table-cell; +} + +.page-button { // fills sidenav-button-container completely, so all is one button + height: 100px; + min-width: unset; // needed because angular sets an own min width!? + width: 15px; + display: flex; + justify-content: center; + align-items: center; + margin: 0; + padding: 0; +} + +.info-container { + height:100%; + vertical-align: top; + align-content: left; + align-items: left; + display: table-cell; + padding: 10px; +} + +.right-outer-element { + margin-right: 3em; +} + +.right-inner-element { + margin-left: 1em; +} + +.mat-button-toggle-group.mat-button-toggle-group { + display: flex; + align-items: right; +} diff --git a/src/app/page-view-component/page-view-component.component.spec.ts b/src/app/page-view-component/page-view-component.component.spec.ts new file mode 100644 index 0000000..ac46871 --- /dev/null +++ b/src/app/page-view-component/page-view-component.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { PageViewComponentComponent } from './page-view-component.component'; + +describe('PageViewComponentComponent', () => { + let component: PageViewComponentComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ PageViewComponentComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(PageViewComponentComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/page-view-component/page-view-component.component.ts b/src/app/page-view-component/page-view-component.component.ts new file mode 100644 index 0000000..0d59571 --- /dev/null +++ b/src/app/page-view-component/page-view-component.component.ts @@ -0,0 +1,31 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-page-view-component', + templateUrl: './page-view-component.component.html', + styleUrls: ['./page-view-component.component.scss'] +}) +export class PageViewComponentComponent implements OnInit { + paging: string; + alignment: string; + fixSidebar: boolean; + highlight: boolean; + + constructor() { } + + ngOnInit() { + this.paging = 'double'; + this.alignment = 'horizontal'; + this.fixSidebar = false; + this.highlight = true; + + } + + toggleHighlight() { + this.highlight = !this.highlight; + } + + toggleSidebarFixation() { + this.fixSidebar = !this.fixSidebar; + } +} diff --git a/src/app/page-view-component/page-view-routes.ts b/src/app/page-view-component/page-view-routes.ts new file mode 100644 index 0000000..f614a00 --- /dev/null +++ b/src/app/page-view-component/page-view-routes.ts @@ -0,0 +1,12 @@ +import { Routes } from '@angular/router'; +import {FaksimileComponentComponent} from "./faksimile-component/faksimile-component.component"; +import {SynopsisComponentComponent} from "./synopsis-component/synopsis-component.component"; +import {TranscriptionComponentComponent} from "./transcription-component/transcription-component.component"; + +export const PAGEVIEW_ROUTES: Routes = [ + { path: '', redirectTo: 'synopsis', pathMatch: 'prefix' }, + { path: 'synopsis', component: SynopsisComponentComponent }, + { path: 'faksimile', component: FaksimileComponentComponent }, + { path: 'transcription', component: TranscriptionComponentComponent }, + { path: '', redirectTo: 'synopsis', pathMatch: 'prefix' } // default +]; diff --git a/src/app/page-view-component/synopsis-component/synopsis-component.component.html b/src/app/page-view-component/synopsis-component/synopsis-component.component.html new file mode 100644 index 0000000..66e0cd7 --- /dev/null +++ b/src/app/page-view-component/synopsis-component/synopsis-component.component.html @@ -0,0 +1,9 @@ +
+ +
+
+ +
+
+ +
diff --git a/src/app/page-view-component/synopsis-component/synopsis-component.component.scss b/src/app/page-view-component/synopsis-component/synopsis-component.component.scss new file mode 100644 index 0000000..ad7e582 --- /dev/null +++ b/src/app/page-view-component/synopsis-component/synopsis-component.component.scss @@ -0,0 +1,9 @@ + +.text-container { + height:100%; + vertical-align: top; + align-content: left; + align-items: left; + display: table-cell; + padding: 10px; +} diff --git a/src/app/page-view-component/synopsis-component/synopsis-component.component.spec.ts b/src/app/page-view-component/synopsis-component/synopsis-component.component.spec.ts new file mode 100644 index 0000000..4e92f1e --- /dev/null +++ b/src/app/page-view-component/synopsis-component/synopsis-component.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { SynopsisComponentComponent } from './synopsis-component.component'; + +describe('SynopsisComponentComponent', () => { + let component: SynopsisComponentComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ SynopsisComponentComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(SynopsisComponentComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/page-view-component/synopsis-component/synopsis-component.component.ts b/src/app/page-view-component/synopsis-component/synopsis-component.component.ts new file mode 100644 index 0000000..c59fae7 --- /dev/null +++ b/src/app/page-view-component/synopsis-component/synopsis-component.component.ts @@ -0,0 +1,30 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-synopsis-component', + templateUrl: './synopsis-component.component.html', + styleUrls: ['./synopsis-component.component.scss'] +}) + +export class SynopsisComponentComponent implements OnInit { + + image = { height: 973.91998, width: 2038.5601, file_name: "../assets/W-II-1,131et132.jpg" }; + text_field = { left: 358.805, top: 78.051, width: 662.761, height: 831.879 }; + manuscript = { title: 'W II 1', + pages: [ + { number: '131', + metadata: [ + { head: { description: 'Stellenkommentar'}, content: [ { reference: '2', quote: 'Leben Thomas Carlyle’s', text: 'vgl. Froude, Das Leben Thomas Carlyles'} ]}, + { head: { description: 'Druckorte' }, content: [ { reference: '24-34', text: 'KGW VIII 9[11]'}, { reference: '34-40', text:'KGW VIII 9[12]'} ]} + ] + } + ] + }; + + constructor( ) { + } + + ngOnInit() { + } + +} diff --git a/src/app/sidenav-component/sidenav-component.component.ts b/src/app/sidenav-component/sidenav-component.component.ts index 56c67bf..b6c1b5d 100644 --- a/src/app/sidenav-component/sidenav-component.component.ts +++ b/src/app/sidenav-component/sidenav-component.component.ts @@ -1,21 +1,21 @@ import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-sidenav-component', templateUrl: './sidenav-component.component.html', styleUrls: ['./sidenav-component.component.scss'] }) export class SidenavComponentComponent implements OnInit { //TODO: Set this as a property in Manuscript/Page/Rhizome & as a optionall param - openState = true; + openState = true; // Todo: create service for openstatE MANAGER: EACH INSTANCE HAS HIS OWN OPENSTATE WHICH WILL BE STORED constructor() { } ngOnInit() { } toggleDrawer() { this.openState = !this.openState; } } diff --git a/src/app/text-view-component/text-view-component.component.html b/src/app/text-view-component/text-view-component.component.html deleted file mode 100644 index 5dfe226..0000000 --- a/src/app/text-view-component/text-view-component.component.html +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/src/app/text-view-component/text-view-component.component.spec.ts b/src/app/text-view-component/text-view-component.component.spec.ts deleted file mode 100644 index 65e7121..0000000 --- a/src/app/text-view-component/text-view-component.component.spec.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; - -import { ManuscriptViewComponentComponent } from './text-view-component.component'; - -describe('ManuscriptViewComponentComponent', () => { - let component: ManuscriptViewComponentComponent; - let fixture: ComponentFixture; - - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [ ManuscriptViewComponentComponent ] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(ManuscriptViewComponentComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/src/app/text-view-component/text-view-component.component.ts b/src/app/text-view-component/text-view-component.component.ts deleted file mode 100644 index c998e9c..0000000 --- a/src/app/text-view-component/text-view-component.component.ts +++ /dev/null @@ -1,45 +0,0 @@ -import {Component, OnChanges, OnInit} from '@angular/core'; -import textViewSettings from './text-view-settings.json'; -import { GenericControlElementsService, SelectionBundle -} from '../generic-control-elements-component/generic-control-elements-service.service'; - -@Component({ - selector: 'app-text-view-component', - templateUrl: './text-view-component.component.html', - styleUrls: ['./text-view-component.component.scss'], -}) -export class TextViewComponentComponent implements OnInit { - routeImage: any = {}; - routes = ''; - options = JSON.parse(JSON.stringify(textViewSettings)); - // the actual settings - actualSettings?: SelectionBundle; - // in case there is no settings input - - constructor( private optionService: GenericControlElementsService ) { } - image = { height: 973.91998, width: 2038.5601, file_name: "../assets/W-II-1,131et132.jpg" }; - text_field = { left: 358.805, top: 78.051, width: 662.761, height: 831.879 }; - manuscript = { title: 'W II 1', - pages: [ - { number: '131', - metadata: [ - { head: { description: 'Stellenkommentar'}, content: [ { reference: '2', quote: 'Leben Thomas Carlyle’s', text: 'vgl. Froude, Das Leben Thomas Carlyles'} ]}, - { head: { description: 'Druckorte' }, content: [ { reference: '24-34', text: 'KGW VIII 9[11]'}, { reference: '34-40', text:'KGW VIII 9[12]'} ]} - ] - } - ] - }; - - ngOnInit() { - this.routeImage = this.getImage(this.routes); - this.optionService.selectionEvent.subscribe(newSettings => { - this.actualSettings = newSettings; - console.log('neue textviewsettings', this.actualSettings); - }); - } - - getImage(routes) { - return { height: 973.91998, width: 2038.5601, file_name: "../assets/W-II-1,131et132.jpg" }; - } - -} diff --git a/src/app/text-view-component/text-view-settings.json b/src/app/text-view-component/text-view-settings.json deleted file mode 100644 index 5a94446..0000000 --- a/src/app/text-view-component/text-view-settings.json +++ /dev/null @@ -1,41 +0,0 @@ -{ "type": "staticOptions", - "displaySettings": true, - "multiToggle": true, - "controlElementGroups":[ - { - "label": "display", - "pannelOpenState": false, - "description": "Optionen", - "controlElements": [ - { - "label":"displayMode", - "description":"Ansicht", - "toolTip": "Wechselt die Ansicht der Texteinheit.", - "type":"select", - "options":[ - { - "id":"faksimile", - "description":"Nur Faksimile anzeigen" - }, - { - "id":"transcription", - "description":"Nur Transkription anzeigen" - }, - { - "id":"synopsis", - "description":"Synopse (Faksimile und Transkription)" - } - ], - "value":"synopsis" - }, - { - "label":"doublePage", - "description":"Doppelseite des Manuskripts anzeigen", - "toolTip:": "Zeigt das Faksimile als Doppelseite (recto & verso).", - "value":true, - "type":"checkbox" - } - ] - } - ] -} diff --git a/src/app/textfield-component/textfield.component.html b/src/app/textfield-component/textfield.component.html index e2349bd..a65f01c 100644 --- a/src/app/textfield-component/textfield.component.html +++ b/src/app/textfield-component/textfield.component.html @@ -1,50 +1,50 @@ - + {{word.text}} {{word.text}} {{word.text}}