diff --git a/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.css b/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.css deleted file mode 100644 index e69de29..0000000 diff --git a/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.html b/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.html index 143c933..29f3f82 100644 --- a/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.html +++ b/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.html @@ -1,20 +1,23 @@
- -
- {{message}} -
- @for (link of links; track link.title) { - + + +
+ {{ message }} +
+ + - {{link.title}} - - - + + + + - {{link.label}} - - - - } -
+ + + + + +
+ +
diff --git a/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.scss b/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.scss new file mode 100644 index 0000000..a9bcdbf --- /dev/null +++ b/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.scss @@ -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; + } +} diff --git a/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.ts b/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.ts index 2a1df0e..b9cb7f7 100644 --- a/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.ts +++ b/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.ts @@ -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', diff --git a/my-workspace/projects/sae-lib/public/chatbot.png b/my-workspace/projects/sae-lib/public/chatbot.png new file mode 100644 index 0000000..22cf408 Binary files /dev/null and b/my-workspace/projects/sae-lib/public/chatbot.png differ diff --git a/my-workspace/projects/sae-lib/public/safran_logo_large.svg b/my-workspace/projects/sae-lib/public/safran_logo_large.svg new file mode 100644 index 0000000..7ebb962 --- /dev/null +++ b/my-workspace/projects/sae-lib/public/safran_logo_large.svg @@ -0,0 +1,134 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/my-workspace/projects/sae-lib/public/safran_logo_small.svg b/my-workspace/projects/sae-lib/public/safran_logo_small.svg new file mode 100644 index 0000000..8802de6 --- /dev/null +++ b/my-workspace/projects/sae-lib/public/safran_logo_small.svg @@ -0,0 +1,60 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/my-workspace/projects/sae-lib/public/user.png b/my-workspace/projects/sae-lib/public/user.png new file mode 100644 index 0000000..4c33662 Binary files /dev/null and b/my-workspace/projects/sae-lib/public/user.png differ diff --git a/sae-csc/src/app/app.scss b/sae-csc/src/app/app.scss index e69de29..a58902e 100644 --- a/sae-csc/src/app/app.scss +++ b/sae-csc/src/app/app.scss @@ -0,0 +1,4 @@ +app-top-navigation { + position: fixed; + width: 100%; +} diff --git a/sae-csc/src/app/pages/main/main.html b/sae-csc/src/app/pages/main/main.html index 4fcb30e..423fabd 100644 --- a/sae-csc/src/app/pages/main/main.html +++ b/sae-csc/src/app/pages/main/main.html @@ -30,6 +30,7 @@

Question analysis

+
diff --git a/sae-csc/src/app/pages/main/main.ts b/sae-csc/src/app/pages/main/main.ts index f04b961..6d04940 100644 --- a/sae-csc/src/app/pages/main/main.ts +++ b/sae-csc/src/app/pages/main/main.ts @@ -3,6 +3,7 @@ import {TranslateTexts} from 'sae-lib/inbox/translate-texts/translate-texts'; import {FiltersGroup} from 'sae-lib/filters/filters-group/filters-group'; import {BottomNavigation} from '../../shared/navigation/bottom-navigation/bottom-navigation'; import {FeedbackButton} from 'sae-lib/buttons/feedback-button/feedback-button'; +import {BotTalks} from 'sae-lib/chatbot/bot-talks/bot-talks'; @Component({ @@ -11,7 +12,8 @@ import {FeedbackButton} from 'sae-lib/buttons/feedback-button/feedback-button'; TranslateTexts, FiltersGroup, BottomNavigation, - FeedbackButton + FeedbackButton, + BotTalks ], templateUrl: './main.html', styleUrl: './main.scss'