[Trunk | Library]:

1. divIds.component.ts: Added in label of each option, page.portalType (not only page name, to know when creating new DivId, earch page in which portal belogs).
2. input.component.ts: Added in each <mat-option> (dropdown options), option label as uk-tooltip.


git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@61047 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
konstantina.galouni 2021-05-25 12:29:07 +00:00
parent 4eca6ad584
commit a2178095b5
2 changed files with 4 additions and 4 deletions

View File

@ -293,7 +293,7 @@ export class DivIdsComponent implements OnInit {
this.allPages = []; this.allPages = [];
pages.forEach(page => { pages.forEach(page => {
this.allPages.push({ this.allPages.push({
label: page.name, label: page.name + " [" + page.portalType + "]",
value: page value: page
}); });
}); });

View File

@ -77,7 +77,7 @@ export interface Option {
(openedChange)="stopPropagation()" [formControl]="formControl" (openedChange)="stopPropagation()" [formControl]="formControl"
[disableOptionCentering]="true"> [disableOptionCentering]="true">
<mat-option *ngIf="placeholder" class="uk-hidden" [value]="''">{{placeholder}}</mat-option> <mat-option *ngIf="placeholder" class="uk-hidden" [value]="''">{{placeholder}}</mat-option>
<mat-option *ngFor="let option of options" [value]="option.value"> <mat-option *ngFor="let option of options" [value]="option.value" [attr.uk-tooltip]="option.label">
{{option.label}} {{option.label}}
</mat-option> </mat-option>
</mat-select> </mat-select>
@ -108,7 +108,7 @@ export interface Option {
<div class="uk-width-1-1 uk-invisible" matAutocompleteOrigin #origin="matAutocompleteOrigin"></div> <div class="uk-width-1-1 uk-invisible" matAutocompleteOrigin #origin="matAutocompleteOrigin"></div>
</mat-chip-list> </mat-chip-list>
<mat-autocomplete #auto="matAutocomplete" (optionSelected)="formControl.setValue($event.option.value)" [class]="panelClass" [panelWidth]="panelWidth"> <mat-autocomplete #auto="matAutocomplete" (optionSelected)="formControl.setValue($event.option.value)" [class]="panelClass" [panelWidth]="panelWidth">
<mat-option *ngFor="let option of filteredOptions | async" [value]="option.value"> <mat-option *ngFor="let option of filteredOptions | async" [value]="option.value" [attr.uk-tooltip]="option.label">
{{option.label}} {{option.label}}
</mat-option> </mat-option>
</mat-autocomplete> </mat-autocomplete>
@ -140,7 +140,7 @@ export interface Option {
<div class="uk-width-1-1 uk-invisible" matAutocompleteOrigin #origin="matAutocompleteOrigin"></div> <div class="uk-width-1-1 uk-invisible" matAutocompleteOrigin #origin="matAutocompleteOrigin"></div>
</mat-chip-list> </mat-chip-list>
<mat-autocomplete #auto="matAutocomplete" (optionSelected)="selected($event)" [class]="panelClass" [panelWidth]="panelWidth"> <mat-autocomplete #auto="matAutocomplete" (optionSelected)="selected($event)" [class]="panelClass" [panelWidth]="panelWidth">
<mat-option *ngFor="let option of filteredOptions | async" [value]="option.value"> <mat-option *ngFor="let option of filteredOptions | async" [value]="option.value" [attr.uk-tooltip]="option.label">
{{option.label}} {{option.label}}
</mat-option> </mat-option>
</mat-autocomplete> </mat-autocomplete>