login typo, loop in feedback
This commit is contained in:
Tykayn
tykayn
parent
af8e24ef4d
commit
03d7a90d24
15 changed files with 143 additions and 258 deletions
|
|
@ -43,12 +43,12 @@
|
|||
|
||||
</div>
|
||||
<div class="Aligner-item Aligner-item--bottom technical-contact">
|
||||
<a class="external-link"
|
||||
<a class="external-link bottom"
|
||||
href="mailto:amal.ouiyzme@safrangroup.com?subject=Issue with the Solution Matcher Application&Hello, i enncountered an issue while using the application. \n Description, steps to reproduce, expected behavior, actual behavior: \n\nPlease help me. Best regards.">
|
||||
<span class="label">
|
||||
Contact for a technical issue
|
||||
</span>
|
||||
<i class="ri-open-arm-line"></i>
|
||||
<i class="ri-arrow-right-up-box-line"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,8 @@
|
|||
|
||||
|
||||
#cscLogin {
|
||||
background: #1b1d27;
|
||||
font-family: variables.$font-family;
|
||||
background: variables.$neutral-blue;
|
||||
color: white;
|
||||
display: flex;
|
||||
width: 100vw;
|
||||
|
|
@ -17,8 +18,8 @@
|
|||
}
|
||||
|
||||
.sub-title {
|
||||
color: #FFF;
|
||||
font-family: Barlow;
|
||||
color: variables.$neutral-white;
|
||||
font-family: variables.$font-family;
|
||||
font-size: 24px;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
|
|
@ -34,13 +35,13 @@
|
|||
a {
|
||||
|
||||
/* Body/Body 4/Sb */
|
||||
font-family: Barlow;
|
||||
font-family: variables.$font-family;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
line-height: 20px; /* 142.857% */
|
||||
&:hover {
|
||||
color: white;
|
||||
color: variables.$neutral-white;
|
||||
}
|
||||
|
||||
text-decoration: none;
|
||||
|
|
@ -48,37 +49,56 @@
|
|||
}
|
||||
|
||||
.external-link {
|
||||
color: #337DC3;
|
||||
text-decoration: none;
|
||||
color: variables.$main-color-300;
|
||||
width: 100%;
|
||||
margin-left: 24px;
|
||||
.label{
|
||||
font-size: variables.$spacing-4;
|
||||
text-decoration: underline;
|
||||
}
|
||||
&.bottom{
|
||||
margin-left: 10px;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
.magic-text {
|
||||
color: variables.$csc-magic-color;
|
||||
i{
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.button {
|
||||
display: inline-flex;
|
||||
height: 44px;
|
||||
padding: 14px 16px;
|
||||
padding: 14px variables.$spacing-4;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
flex-shrink: 0;
|
||||
background: linear-gradient(77deg, #073A7C -4.23%, #1767AD 51.8%, #255B8E 87.72%);
|
||||
color: var(--Light-base-solid-white, #FFF);
|
||||
color: var(--Light-base-solid-white, variables.$neutral-white);
|
||||
border-radius: 10px;
|
||||
border: 0;
|
||||
|
||||
|
||||
|
||||
/* Body/Body 3/Sb */
|
||||
font-family: Barlow;
|
||||
font-size: 16px;
|
||||
|
||||
font-size: variables.$spacing-4;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
line-height: 24px; /* 150% */
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.request_access {
|
||||
margin-top: 32px;
|
||||
color: variables.$neutral-white;
|
||||
font-size: variables.$spacing-4;
|
||||
font-weight: 600;
|
||||
line-height: 24px;
|
||||
|
||||
}
|
||||
|
||||
.technical-contact {
|
||||
|
|
@ -90,6 +110,10 @@
|
|||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
i{
|
||||
font-size: variables.$spacing-4;
|
||||
}
|
||||
}
|
||||
|
||||
.Aligner {
|
||||
|
|
@ -107,7 +131,7 @@
|
|||
}
|
||||
|
||||
.bg-login {
|
||||
background: url(/safran_bg.jpg) center no-repeat;
|
||||
background: url('/safran_bg.jpg') center no-repeat;
|
||||
background-size: cover;
|
||||
width: 591px;
|
||||
height: 100%;
|
||||
|
|
|
|||
|
|
@ -32,13 +32,11 @@
|
|||
<h2 class="title">
|
||||
Question analysis
|
||||
</h2>
|
||||
<!-- @if (displayBotWarning) {-->
|
||||
|
||||
<sae-bot-talks
|
||||
[message]="appState.botMessage"
|
||||
[ngClass]="{ 'is-visible' : displayBotWarning }"></sae-bot-talks>
|
||||
<!-- }-->
|
||||
<!--filters-->
|
||||
[ngClass]="{ 'is-visible' : displayBotWarning || appState.loadingResume }"></sae-bot-talks>
|
||||
|
||||
<!-- advanced filters-->
|
||||
<div class="filters-container">
|
||||
<sae-filters-group (selectionchange)="onSelectedChoicesChange()" [appState]="appState"
|
||||
|
|
@ -47,19 +45,10 @@
|
|||
</div>
|
||||
<app-bottom-navigation></app-bottom-navigation>
|
||||
|
||||
fromText:
|
||||
{{ appState.fromText }}
|
||||
<br>
|
||||
totext:
|
||||
{{ appState.toText }}
|
||||
|
||||
|
||||
</main>
|
||||
<footer>
|
||||
|
||||
<!-- bottom nav -->
|
||||
<!-- bottom fixed bar -->
|
||||
<!-- search button-->
|
||||
|
||||
</footer>
|
||||
<sae-feedback-button></sae-feedback-button>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,5 @@
|
|||
@use '../../../../styles/variables-barrel' as variables;
|
||||
|
||||
.bottom-navigation {
|
||||
position: relative;
|
||||
top: 280px;
|
||||
|
|
|
|||
|
|
@ -1,10 +1,8 @@
|
|||
<div class="translate-texts is-{{disabled? 'disabled' : 'enabled'}}">
|
||||
|
||||
<!-- <button (click)="onRemoveFileSelected()" class="remove-file-upload">-->
|
||||
<!-- onRemoveFileSelected-->
|
||||
<!-- </button>-->
|
||||
<div [ngClass]="{
|
||||
'is-focused' : fromTextFocused
|
||||
'is-focused' : fromTextFocused,
|
||||
'has-shadow' : !researchLaunched,
|
||||
}" id="fromText">
|
||||
|
||||
@if (!fileIsUploaded || !appState.fromText.length || !fromTextFocused) {
|
||||
|
|
|
|||
|
|
@ -10,10 +10,14 @@
|
|||
gap: 16px;
|
||||
}
|
||||
|
||||
.has-shadow {
|
||||
box-shadow: 0 19px 29px 0 rgba(30, 31, 34, 0.05);
|
||||
}
|
||||
|
||||
#fromText,
|
||||
#toText {
|
||||
|
||||
box-shadow: 0 19px 29px 0 rgba(30, 31, 34, 0.05);
|
||||
|
||||
background: white;
|
||||
height: 235px;
|
||||
width: 648px;
|
||||
|
|
|
|||
|
|
@ -12,6 +12,7 @@ import {ActionTypes, StateInterface} from './../../redux/reducers';
|
|||
})
|
||||
export class TranslateTexts {
|
||||
public disabled: boolean = false;
|
||||
public researchLaunched: boolean = false;
|
||||
public fromText: string = '';
|
||||
public toText: string = 'résumé ici'
|
||||
public loadingResume: boolean = false;
|
||||
|
|
@ -142,14 +143,18 @@ export class TranslateTexts {
|
|||
this.store.dispatch({
|
||||
type: ActionTypes.UPDATE_APP,
|
||||
payload: {
|
||||
fromText: this.fromText
|
||||
fromText: this.fromText,
|
||||
botMessage: "Generating a summary...analyzing client’s question...",
|
||||
loadingResume: true
|
||||
}
|
||||
});
|
||||
|
||||
// run research after a delay
|
||||
if (this.mode !== 'production') {
|
||||
this.loadingResume = true;
|
||||
|
||||
|
||||
|
||||
|
||||
// Clear any existing timeout to reset the debounce
|
||||
if (this.fromTimeout) {
|
||||
clearTimeout(this.fromTimeout);
|
||||
|
|
@ -162,13 +167,22 @@ export class TranslateTexts {
|
|||
|
||||
this.loadingResume = false;
|
||||
|
||||
this.researchLaunched = true;
|
||||
|
||||
const ref = this.document.getElementById('toText')
|
||||
console.log('ref', ref)
|
||||
if (ref) {
|
||||
ref.focus();
|
||||
}
|
||||
|
||||
this.store.dispatch({
|
||||
type: ActionTypes.UPDATE_APP,
|
||||
payload: {
|
||||
displayBot: true,
|
||||
toText: "Résumé de démo à titre d'exemple"
|
||||
toText: "Résumé de démo à titre d'exemple",
|
||||
botMessage: "Here’s AI analysis about client’s question ! Please make sure if my analysis is correct to get the most relevent results."
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
// Emit updateFilters event to trigger onSelectedChoicesChange
|
||||
this.updateFilters.emit();
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
body {
|
||||
|
||||
font-family: Barlow;
|
||||
font-family: variables.$font-family;
|
||||
background: #F5F5F5;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue