| @@ -1,6 +1,6 @@ | |||||
| <div class="search-select"> | <div class="search-select"> | ||||
| <div class="show-name"> | <div class="show-name"> | ||||
| <p #paragraphRef (click)="openSearchBox()"></p> | |||||
| <p #paragraphRef (click)="openSearchBox()" [class.search-empty]="!searchBoxFilled"></p> | |||||
| <span class="spt-clear" *ngIf="searchBoxFilled" (click)="clearSearch()"></span> | <span class="spt-clear" *ngIf="searchBoxFilled" (click)="clearSearch()"></span> | ||||
| </div> | </div> | ||||
| <!-- <p>NAME {{documentForm.get(formId)}}<span>X</span></p>--> | <!-- <p>NAME {{documentForm.get(formId)}}<span>X</span></p>--> | ||||
| @@ -95,6 +95,7 @@ export class PartnersDetailComponent implements OnInit, AfterViewInit { | |||||
| 50, | 50, | ||||
| this.partnerId, | this.partnerId, | ||||
| undefined, | undefined, | ||||
| undefined, | |||||
| this.user?.id | this.user?.id | ||||
| ).subscribe( | ).subscribe( | ||||
| data => { | data => { | ||||
| @@ -11,7 +11,7 @@ | |||||
| </div> | </div> | ||||
| <div class="mb-3"> | <div class="mb-3"> | ||||
| <label for="d" class="form-label">{{ 'form.contact' | translate }}:</label> | |||||
| <label class="form-label">{{ 'form.contact' | translate }}:</label> | |||||
| <app-search-select #contactSearchSelect | <app-search-select #contactSearchSelect | ||||
| [formId]="'contactIri'" | [formId]="'contactIri'" | ||||
| [formLabelLangKey]="'form.product'" | [formLabelLangKey]="'form.product'" | ||||
| @@ -29,7 +29,11 @@ | |||||
| <div class="d-flex mb-3"> | <div class="d-flex mb-3"> | ||||
| <div class="form-check me-3" *ngFor="let type of contactTypes; let i = index"> | <div class="form-check me-3" *ngFor="let type of contactTypes; let i = index"> | ||||
| <input type="radio" class="form-check-input" id="radio-{{ type }}" formControlName="contactType" [value]="type" /> | <input type="radio" class="form-check-input" id="radio-{{ type }}" formControlName="contactType" [value]="type" /> | ||||
| <label for="radio-{{ type }}" class="form-check-label">{{ getContactTypeTranslationKey(type) | translate }}</label> | |||||
| <label for="radio-{{ type }}" class="form-check-label bi" [class.bi-people]="type === 'personal'" | |||||
| [class.bi-telephone]="type === 'phone'" | |||||
| [class.bi-envelope]="type === 'email'"> | |||||
| {{ getContactTypeTranslationKey(type) | translate }} | |||||
| </label> | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| @@ -104,9 +104,12 @@ | |||||
| <div class="card spt-comments" *ngFor="let taskNote of taskNotes.get(task.id)"> | <div class="card spt-comments" *ngFor="let taskNote of taskNotes.get(task.id)"> | ||||
| <div class="card-body"> | <div class="card-body"> | ||||
| <div class="d-flex justify-content-between align-items-center"> | <div class="d-flex justify-content-between align-items-center"> | ||||
| <p>{{ taskNote.owner?.firstName }} {{ taskNote.owner?.lastName }} - {{ getTranslationKey(taskNote.contactType) | translate }} | |||||
| <p *ngIf="taskNote.owner !== undefined"><app-linked-label [user]="taskNote.owner"></app-linked-label> - | |||||
| <span class="bi" [class.bi-people]="taskNote.contactType === 'personal'" | |||||
| [class.bi-telephone]="taskNote.contactType === 'phone'" | |||||
| [class.bi-envelope]="taskNote.contactType === 'email'"></span> | |||||
| <ng-container *ngIf="taskNote.contact"> | <ng-container *ngIf="taskNote.contact"> | ||||
| mit {{ taskNote.contact?.firstName }} {{ taskNote.contact?.lastName }} | |||||
| mit <app-linked-label [contact]="taskNote.contact"></app-linked-label> | |||||
| </ng-container> | </ng-container> | ||||
| </p> | </p> | ||||
| <p>{{ taskNote.createdAt | date:'dd.MM.YYYY - HH:mm':'GMT+0000' }} Uhr</p> | <p>{{ taskNote.createdAt | date:'dd.MM.YYYY - HH:mm':'GMT+0000' }} Uhr</p> | ||||
| @@ -383,6 +383,13 @@ img { | |||||
| line-height: 24px; | line-height: 24px; | ||||
| min-height: 38px; | min-height: 38px; | ||||
| cursor: text; | cursor: text; | ||||
| &.search-empty { | |||||
| &:before { | |||||
| content: "Bitte wählen"; | |||||
| font-style: italic; | |||||
| color: #999; | |||||
| } | |||||
| } | |||||
| } | } | ||||
| } | } | ||||
| .search-toggle { | .search-toggle { | ||||