76 lines
2.1 KiB
HTML
76 lines
2.1 KiB
HTML
<div class="message message-{{kind}} {{kind}}" id="message_{{id}}">
|
|
<div class="actions top-actions">
|
|
@if (kind === 'user') {
|
|
<button (click)="editMessage()" class="button edit">
|
|
<i class="ri-edit-box-line"></i>
|
|
</button>
|
|
} @else {
|
|
<button (click)="toggleFullScreen()" class="button fullscreen">
|
|
<i class="ri-fullscreen-line"></i>
|
|
</button>
|
|
}
|
|
</div>
|
|
<div class="user-infos ">
|
|
<div class="avatar">
|
|
<!-- avatar-->
|
|
|
|
</div>
|
|
<div class="user-more-infos">
|
|
<span class="user-name ">
|
|
<!-- user name-->
|
|
@if (kind === 'user') {
|
|
You
|
|
} @else {
|
|
Response
|
|
}
|
|
|
|
</span>
|
|
<span class="time-ago">
|
|
<!-- time ago-->
|
|
Il y a 5 min
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="message-content is-{{kind}}">
|
|
@if (content) {
|
|
<div [innerHTML]="sanitizedContent"></div>
|
|
} @else {
|
|
@if (kind === 'llm') {
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur, consectetur cum eaque iure optio recusandae vel.
|
|
} @else {
|
|
Delectus, est, molestiae! Asperiores at consequatur cupiditate dicta iure neque pariatur perspiciatis, quia ut?
|
|
}
|
|
}
|
|
</div>
|
|
|
|
<div class="actions bottom-actions is-{{kind}}">
|
|
@if (kind === 'llm') {
|
|
|
|
<div class="action-feedback">
|
|
<app-feedback-button></app-feedback-button>
|
|
</div>
|
|
|
|
<div class=" has-text-right">
|
|
<button (click)="generateResponse()" class="button generate-response">
|
|
<i class="ri-refresh-line"></i>
|
|
<span class="label">
|
|
Generate Response
|
|
</span>
|
|
</button>
|
|
<app-copy [textToCopy]="content"></app-copy>
|
|
<button (click)="bookmark()" class="button bookmark">
|
|
<i class="ri-bookmark-line"></i>
|
|
</button>
|
|
<button (click)="toggleSources()" class="button sources">
|
|
<i class="ri-book-2-fill"></i>
|
|
see sources
|
|
</button>
|
|
</div>
|
|
}
|
|
</div>
|
|
<div [ngClass]="{'expanded': expanded}" class="expanded-message-fullscreen">
|
|
@if (content) {
|
|
<div [innerHTML]="sanitizedContent"></div>
|
|
}
|
|
</div>
|
|
</div>
|