Homec4science
Diffusion Nietzsche-Beta-App (develop) Browse

NietzscheBeta/nietzsche-beta-app/src/app/tln-edition/tln-quant/tln-quant.component.html
cdee9be91fbcdevelop

Last Change
Raw File

tln-quant.component.html
View Options

<mat-card>
<mat-card-header>
<mat-card-title>Quantitative Wortabfrage</mat-card-title>
</mat-card-header>
<mat-card-content>
<mat-accordion class="headers-align" multi>
<mat-expansion-panel [expanded]="quantAccordionStatus.wordProperties.expanded" [disabled]="quantAccordionStatus.wordProperties.disabled"
(closed)="quantAccordionStatus.wordProperties.expanded = false" (opened)="quantAccordionStatus.wordProperties.expanded = true">
<mat-expansion-panel-header>
<mat-panel-title>Worteigenschaften</mat-panel-title>
<mat-panel-description *ngIf="!quantAccordionStatus.wordProperties.expanded && !quantAccordionStatus.wordProperties.disabled">
Eigenschaften f&uuml;r Anfrage ausw&auml;hlen
</mat-panel-description>
</mat-expansion-panel-header>
<mat-selection-list #properties [(ngModel)]="quantQuery.selectedWordProperties" [compareWith]="isSelected" (selectionChange)="updateQuery('properties')">
<mat-list-option *ngFor="let wordProperty of wordProperties" [value]="wordProperty">
{{wordProperty.label}}
</mat-list-option>
</mat-selection-list>
<mat-form-field class="form" appearance="fill">
<mat-label>Wort hat Text (regex)</mat-label>
<input matInput type="text" [(ngModel)]="quantQuery.text" (ngModelChange)="updateQuery('text')">
<button mat-button matSuffix *ngIf="quantQuery.text" mat-icon-button aria-label="Clear" (click)="quantQuery.text = '';updateQuery('clearText')">
<mat-icon>close</mat-icon>
</button>
</mat-form-field>
<mat-checkbox *ngIf="quantQuery.text" (change)="updateQuery('ignoreCase')"
[(ngModel)]="quantQuery.ignoreCase">
Groß- und Kleinschreibung ignorieren
</mat-checkbox>
<div class="text-quality">
<mat-radio-button class="text-quality"
[checked]="quantQuery.textQuality.clean" value="true" (change)="updateTextQuality($event.value == 'true', quantQuery.textQuality.preferEditedText)">
Text ohne Satzzeichen
</mat-radio-button>
<mat-radio-button class="text-quality" value="false"
[checked]="!quantQuery.textQuality.clean" (change)="updateTextQuality($event.value == 'true', quantQuery.textQuality.preferEditedText)">
Text mit Satzzeichen</mat-radio-button>
<mat-slide-toggle class="text-quality"
[(ngModel)]="quantQuery.textQuality.preferEditedText"
(ngModelChange)="updateTextQuality(quantQuery.textQuality.clean, quantQuery.textQuality.preferEditedText)">
Edierter Text bevorzugen
</mat-slide-toggle>
</div>
<button mat-button (click)="send()" [disabled]="isLoadingResults">Anfrage abschicken</button>
</mat-expansion-panel>
<mat-expansion-panel *ngIf="selected_words.length > 0" [expanded]="quantAccordionStatus.selected_words.expanded" [disabled]="quantAccordionStatus.selected_words.disabled"
(closed)="quantAccordionStatus.selected_words.expanded = false" (opened)="quantAccordionStatus.selected_words.expanded = true">
<mat-expansion-panel-header>
<mat-panel-title>Wortfilter</mat-panel-title>
<mat-panel-description *ngIf="!quantAccordionStatus.selected_words.expanded && !quantAccordionStatus.selected_words.disabled ">
<span *ngIf="quantQuery.selectedWordIds && quantQuery.selectedWordIds.length > 0">Anfrage wird auf ausgew&auml;hlte Word IDs hin gefiltert.</span>
<span *ngIf="!quantQuery.selectedWordIds || quantQuery.selectedWordIds.length < 1">Anfrage auf ausgew&auml;hlte Word IDs hin filtern.</span>
</mat-panel-description>
</mat-expansion-panel-header>
<mat-selection-list #selectedWordIds class="select-words" [(ngModel)]="quantQuery.selectedWordIds" [compareWith]="isSelected" (selectionChange)="updateQuery('selected_words')">
<mat-list-option *ngFor="let word of selected_words" [value]="word">
<tln-type [routePrefix]="routePrefix" [input]="word" [show_reference_and_id]="true"></tln-type>
</mat-list-option>
</mat-selection-list>
<button mat-button (click)="send()" [disabled]="isLoadingResults">Anfrage abschicken</button>
</mat-expansion-panel>
<mat-expansion-panel [expanded]="quantAccordionStatus.scopus.expanded" [disabled]="quantAccordionStatus.scopus.disabled"
(closed)="quantAccordionStatus.scopus.expanded = false" (opened)="quantAccordionStatus.scopus.expanded = true">
<mat-expansion-panel-header>
<mat-panel-title>Korpus</mat-panel-title>
<mat-panel-description *ngIf="!quantAccordionStatus.scopus.expanded && !quantAccordionStatus.scopus.disabled">
Anfrage {{ quantQuery.selectedManuscripts.length == 1 ?
'ist auf ' + quantQuery.selectedManuscripts[0].title + ' beschr&auml;nkt'
: 'auf ausgew&auml;hlte Manuskripte beschr&auml;nken' }}
</mat-panel-description>
</mat-expansion-panel-header>
<mat-selection-list class="scopus" #scopus [(ngModel)]="quantQuery.selectedManuscripts" [compareWith]="isSelected" (selectionChange)="updateQuery('scopus')">
<mat-list-option *ngFor="let manuscript of manuscriptPages" [value]="manuscript">
{{manuscript.title}}
</mat-list-option>
</mat-selection-list>
<button mat-button (click)="send()" [disabled]="isLoadingResults">Anfrage abschicken</button>
</mat-expansion-panel>
<mat-expansion-panel [expanded]="quantAccordionStatus.query.expanded"
(closed)="quantAccordionStatus.query.expanded= false" (opened)="quantAccordionStatus.query.expanded = true">
<mat-expansion-panel-header>
<mat-panel-title>SPARQL-Query</mat-panel-title>
<mat-panel-description *ngIf="!quantAccordionStatus.query.expanded">Query bearbeiten</mat-panel-description>
</mat-expansion-panel-header>
<ngx-codemirror
[(ngModel)]="query"
(ngModelChange)="toggleEnableSelectionList(false)"
[options]="{
lineNumbers: true,
theme: 'material',
mode: 'sparql'
}"
></ngx-codemirror>
<div>
<button mat-icon-button (click)="send()" [disabled]="isLoadingResults" title="Query abschicken">
<mat-icon *ngIf="!queryHasSyntaxError">play_arrow</mat-icon>
<mat-icon *ngIf="queryHasSyntaxError" matBadge="!" matBadgeColor="warn">play_arrow</mat-icon>
</button>
<button mat-icon-button
(click)="toggleEnableSelectionList(true)"
[disabled]="!quantAccordionStatus.wordProperties.disabled"
title="Query zur&uuml;cksetzen">
<mat-icon>undo</mat-icon>
</button>
<!--<button mat-icon-button (click)="shareQuery = !shareQuery" title="Query f&uuml;r Konsole kopieren"><mat-icon>file_download</mat-icon></button>-->
<textarea #curlQueryInput cols="50" rows="1" [(ngModel)]="curlQuery"></textarea>
<button mat-icon-button (click)="copyToClipboard(curlQueryInput)" title="CURL-Query zum Clipboard kopieren"><mat-icon>note_alt</mat-icon></button>
<!--TODO: update to @angular/common@"^10.0.0 : <button [cdkCopyToClipboard]="curlQuery">Copy to clipboard</button>-->
</div>
</mat-expansion-panel>
</mat-accordion>
</mat-card-content>
<button mat-button (click)="cancel()" *ngIf="isLoadingResults">Anfrage abbrechen</button>
<mat-spinner *ngIf="isLoadingResults"></mat-spinner>
</mat-card>
<mat-tab-group [selectedIndex]="quantQuery.currentTable" (selectedTabChange)="tabChanged($event)"><!-- *ngIf="numResultRows.length > 0 || fusekiResults">-->
<mat-tab label="Tabelle" [disabled]="numResultRows.length == 0">
<tln-table *ngIf="numResultRows.length > 0"
(change)="updatePageIndex($event)" (quantQueryChanged)="updateQuantQuery($event)"
[resultIndicesIndex]="0" [quantQuery]="quantQuery"
[results]="numResultRows" [displayedColumns]="displayedColumns">
</tln-table>
</mat-tab>
<mat-tab label="Rohdaten" [disabled]="!fusekiResults">
<fuseki-table *ngIf="fusekiResults" [routePrefix]="routePrefix"
(change)="updatePageIndex($event)" (quantQueryChanged)="updateQuantQuery($event)"
[quantQuery]="quantQuery" [resultIndicesIndex]="1" [fusekiResults]="fusekiResults">
</fuseki-table>
</mat-tab>
<mat-tab label="Datenmodell">
<tln-ontology-viewer></tln-ontology-viewer>
</mat-tab>
</mat-tab-group>
c4science · Help