|
@@ -36,4 +36,46 @@
|
|
|
</div>
|
|
|
</ng-template>
|
|
|
</ng-select>
|
|
|
+</ng-container>
|
|
|
+<ng-container *ngIf="lemsTypes.length > 0">
|
|
|
+ <ng-select
|
|
|
+ [items]="lemsTypes"
|
|
|
+ [multiple]="true"
|
|
|
+ [closeOnSelect]="false"
|
|
|
+ [searchable]="false"
|
|
|
+ [placeholder]="'selectIperLemsItems' | translate"
|
|
|
+ [(ngModel)]="selectedLemTypes"
|
|
|
+ [disabled]="lemsTypes.length === 0"
|
|
|
+ groupBy="group"
|
|
|
+ (change)="updateSelectedLemTypes($event)">
|
|
|
+ <ng-template ng-header-tmp>
|
|
|
+ <div class="lem-select-toolbar">
|
|
|
+ <div class="w-100 text-dark select-all-btn">
|
|
|
+ <input id="select-all" type="checkbox" class="mr-2" (click)="toggleSelection()"
|
|
|
+ [checked]="selectedLemTypes?.length === lemsTypes.length"/>
|
|
|
+ <label for="select-all" class="m-0">{{ 'selectLemsAll' | translate }}</label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </ng-template>
|
|
|
+ <ng-template ng-option-tmp let-item="item" let-item$="item$" let-index="index" let-search="searchTerm">
|
|
|
+ <input id="item-{{index}}" type="checkbox" [ngModel]="item$.selected"/>
|
|
|
+ <!-- *ngIf="item.label==='Sostantivo maschile' or item.label==='Sostantivo femminile' or item.label==='Aggettivo' or item.label==='Avverbio' or item.label==='Nome proprio' or item.label==='Verbo' or item.label==='Forma generica'"> -->
|
|
|
+ <span class="ng-value-label">
|
|
|
+ <evt-icon [iconInfo]="iconColor" [style.color]="item.color"></evt-icon>
|
|
|
+ {{item.label | translate}}</span>
|
|
|
+ </ng-template>
|
|
|
+ <ng-template ng-multi-label-tmp let-items="items" let-clear="clear">
|
|
|
+ <ng-container *ngIf="items.label === 'Iperlemmi'">
|
|
|
+ <div class="ng-value" *ngFor="let item of items | slice:0:1">
|
|
|
+ <span class="ng-value-label"><evt-icon [iconInfo]="iconColor" [style.color]="item.color"></evt-icon>
|
|
|
+ {{item.label}}
|
|
|
+ </span>
|
|
|
+ <span class="ng-value-icon right" (click)="clear(item)" aria-hidden="true">×</span>
|
|
|
+ </div>
|
|
|
+ </ng-container>
|
|
|
+ <div class="ng-value" *ngIf="items.length > 1">
|
|
|
+ <span class="ng-value-label">{{items.length}} {{'selected' | translate}}</span>
|
|
|
+ </div>
|
|
|
+ </ng-template>
|
|
|
+ </ng-select>
|
|
|
</ng-container>
|