MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

mentions ui fix

This commit is contained in:
CITE\spapacharalampous 2024-07-16 12:48:46 +03:00
parent 2283f95a5f
commit 210e3bb552
2 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.module.ts
View File

@ -6,6 +6,7 @@ import { AnnotationDialogComponent } from './annotation-dialog.component';
import { AutoCompleteModule } from '@app/library/auto-complete/auto-complete.module';
import { TextAreaWithMentionsComponent } from '../components/text-area-with-mentions.component';
import { NgxMentionsModule } from 'ngx-mentions';
import { OverlayModule } from '@angular/cdk/overlay';
@NgModule({
imports: [
@ -14,6 +15,7 @@ import { NgxMentionsModule } from 'ngx-mentions';
FormattingModule,
AutoCompleteModule,
NgxMentionsModule,
OverlayModule,
],
declarations: [
AnnotationDialogComponent,

11
frontend/src/app/ui/annotations/components/text-area-with-mentions.component.html
View File

@ -26,10 +26,19 @@
</mat-form-field>
<ng-template #menuTemplate
let-selectChoice="selectChoice">
let-selectChoice="selectChoice"
>
<div cdkOverlayOrigin #trigger="cdkOverlayOrigin">
<ng-template
cdkConnectedOverlay
[cdkConnectedOverlayOrigin]="trigger"
cdkConnectedOverlayOpen="true"
>
<ngx-text-input-autocomplete-menu *ngIf="choices" [choices]="choices"
[getDisplayLabel]="getDisplayLabel"
(selectChoice)="selectChoice($event)">
</ngx-text-input-autocomplete-menu>
</ng-template>
</div>
</ng-template>
</div>