tykayn/ng-implementation
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

navbar fixe csc, bot message style

Browse source
This commit is contained in:
Tykayn 2025-09-02 14:16:41 +02:00 • committed by tykayn
parent b0b153be93
commit d4f3c119b2
11 changed files with 263 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

0
my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.css
View file

35
my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.html
View file

@ -1,20 +1,23 @@
<div class="bot-talks-container">
<!-- avatar-->
<div class="bubble">
{{message}}
<br>
@for (link of links; track link.title) {
<span class="link-title">
<!-- bot talks land-->
<!-- avatar-->
<div class="bubble">
{{ message }}
<br>
<!-- @for (link of links; track link.title) {-->
<!-- <span class="link-title">-->
{{link.title}}
</span>
<span class="taget">
<a href="{{link.url}}">
<!-- {{ link.title }}-->
<!-- </span>-->
<!-- <span class="taget">-->
<!-- <a href="{{link.url}}">-->
{{link.label}}
<!-- copy button-->
</a>
</span>
}
</div>
<!-- {{ link.label }}-->
<!-- &lt;!&ndash; copy button&ndash;&gt;-->
<!-- </a>-->
<!-- </span>-->
<!-- }-->
</div>
<div class="avatar"></div>
</div>

37
my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.scss Normal file
View file

@ -0,0 +1,37 @@
:host {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
align-content: space-between;
.bot-talks-container {
display: flex;
flex-direction: row;
align-items: center;
}
.bubble {
padding: 16px;
border-radius: 8px;
display: block;
background: #E5DCFE;
color: #1B1D27;
font-family: Barlow;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 114.286% */
margin-right: 10px;
}
.avatar {
background: white url('../../public/chatbot.png') center center no-repeat;
background-size: contain;
width: 32px;
height: 32px;
border-radius: 8px;
}
}

9
my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.ts
View file

@ -1,14 +1,15 @@
import {Component} from '@angular/core';
import {Component, Input} from '@angular/core';
@Component({
selector: 'sae-bot-talks',
imports: [],
templateUrl: './bot-talks.html',
styleUrl: './bot-talks.css'
styleUrl: './bot-talks.scss'
})
export class BotTalks {
public message = 'I found useful document(s) which can help to answer to this question ! Check if these documents are applied to similar cases';
public links: any = [
@Input() public message = 'Hello!';
@Input() public links: any = [
{
title: 'Refusal notice :',
label: 'DMP-00051341: Avis de refus',