54 lines
1.2 KiB
TypeScript
54 lines
1.2 KiB
TypeScript
|
import {Component, Input, OnChanges, SimpleChanges} from '@angular/core';
|
||
|
|
import {DomSanitizer, SafeHtml} from '@angular/platform-browser';
|
||
|
|
|
||
|
|
import {Copy} from 'sae-lib/buttons/copy/copy';
|
||
|
|
import {FeedbackButton} from '../feedback-button/feedback-button';
|
||
|
|
import {ChatbotMessage} from '../../services/chatbot.message.type';
|
||
|
|
|
||
|
|
|
||
|
|
type MessageKind = "user" | "llm";
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
selector: 'app-message-box',
|
||
|
|
imports: [
|
||
|
|
Copy,
|
||
|
|
FeedbackButton
|
||
|
|
],
|
||
|
|
templateUrl: './message-box.html',
|
||
|
|
styleUrl: './message-box.scss'
|
||
|
|
})
|
||
|
|
export class MessageBox implements OnChanges {
|
||
|
|
|
||
|
|
@Input() kind: MessageKind = <"user" | "llm">""
|
||
|
|
@Input() conf: any = {}
|
||
|
|
@Input() content: any = ""
|
||
|
|
@Input() message: ChatbotMessage = {} as ChatbotMessage;
|
||
|
|
id: string = "00122121221312";
|
||
|
|
sanitizedContent: SafeHtml = "";
|
||
|
|
|
||
|
|
constructor(private sanitizer: DomSanitizer) {}
|
||
|
|
|
||
|
|
ngOnChanges(changes: SimpleChanges): void {
|
||
|
|
if (changes['content']) {
|
||
|
|
this.sanitizeContent();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
sanitizeContent(): void {
|
||
|
|
this.sanitizedContent = this.sanitizer.bypassSecurityTrustHtml(this.content);
|
||
|
|
}
|
||
|
|
|
||
|
|
bookmark() {
|
||
|
|
console.log("TODO bookmark")
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
generateResponse() {
|
||
|
|
console.log("TODO generateResponse")
|
||
|
|
}
|
||
|
|
|
||
|
|
editMessage() {
|
||
|
|
console.log("TODO editMessage")
|
||
|
|
}
|
||
|
|
}
|