63 lines
1.6 KiB
HTML
63 lines
1.6 KiB
HTML
|
<div class="message {{kind}}" id="message_{{id}}">
|
||
|
|
<div class="actions ">
|
||
|
|
@if (kind === 'user') {
|
||
|
|
<button (click)="editMessage()" class="button edit">
|
||
|
|
<i class="ri-edit-box-line"></i>
|
||
|
|
</button>
|
||
|
|
} @else {
|
||
|
|
|
||
|
|
|
||
|
|
<div class="">
|
||
|
|
<div class="action-feedback">
|
||
|
|
<app-feedback-button></app-feedback-button>
|
||
|
|
</div>
|
||
|
|
</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>
|
||
|
|
</div>
|
||
|
|
}
|
||
|
|
</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>
|