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

ajout page accueil CSC

Browse source
This commit is contained in:
Tykayn 2025-08-22 11:57:56 +02:00 • committed by tykayn
parent a19b70c0a0
commit dc0f735be8
35 changed files with 535 additions and 93 deletions
Download patch file Download diff file Expand all files Collapse all files

0
my-workspace/projects/sae-lib/inbox/translate-texts/translate-texts.css
View file

30
my-workspace/projects/sae-lib/inbox/translate-texts/translate-texts.html
View file

@ -3,16 +3,32 @@
<div class="columns">
<div class="column">
<!-- delete button from_text-->
<button class="delete-button button" (click)="emptyText('fromText')">x</button>
<textarea name="from_text" id="from_text" cols="30" rows="10"
placeholder=""
[(ngModel)]="fromText"></textarea>
<div id="fromText">
<!-- delete button from_text-->
@if (fromText.length > 0) {
<button (click)="emptyText('fromText')" class="delete-button button">x</button>
}
<textarea [(ngModel)]="fromText" cols="30" id="from_text" name="from_text"
placeholder=""
rows="10"></textarea>
<button (click)="clickFileUpload(fileUpload)" class=" click-file-upload is-outlined">
<i class="ri-upload-cloud-2-line"></i>
<span class="label">
Upload .csv file
</span>
</button>
<input #fileUpload (change)="onFileSelected($event)" class="is-outlined" id="fileUploadTranslator" type="file">
</div>
</div>
<div class="column">
<button class="delete-button button" (click)="emptyText('toText')">x</button>
<textarea name="to_text" id="to_text" cols="30" rows="10" [(ngModel)]="toText"></textarea>
<div id="toText">
@if (toText.length > 0) {
<button (click)="emptyText('toText')" class="delete-button button">x</button>
}
<textarea [(ngModel)]="toText" cols="30" id="to_text" name="to_text" rows="10"></textarea>
</div>
</div>
</div>
</div>

65
my-workspace/projects/sae-lib/inbox/translate-texts/translate-texts.scss Normal file
View file

@ -0,0 +1,65 @@
@use '../../src/styles/variables';
:host {
textarea {
width: 100%;
height: 236px;
flex-shrink: 0;
border-radius: 4px;
background: #FFF;
box-shadow: 0 19px 29px 0 rgba(30, 31, 34, 0.05);
border-width: 0;
color: variables.$csc-textarea-color;
padding: 16px 42px 16px 16px;
color: #1B1D27;
font-family: Barlow;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
}
.textarea-placeholder {
color: variables.$csc-textarea-placeholder-color;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
}
#fromText {
textarea {
}
}
button.is-outlined {
display: inline-flex;
height: 34px;
padding: var(--Spacing-Spacing-10, 4px) var(--Spacing-Spacing-30, 12px) var(--Spacing-Spacing-10, 4px) var(--Spacing-Spacing-20, 8px);
justify-content: center;
align-items: center;
flex-shrink: 0;
color: #255B8E;
border-radius: 8px;
border: 1px solid var(--color-text-title, #255B8E);
background: var(--color-background-card-on-base, #FFF);
left: 16px;
top: -50px;
position: relative;
i {
margin-right: 4px;
}
}
#fileUploadTranslator {
display: none;
}

12
my-workspace/projects/sae-lib/inbox/translate-texts/translate-texts.ts
View file

@ -6,7 +6,7 @@ import {FormsModule} from '@angular/forms';
standalone: true,
imports: [FormsModule],
templateUrl: './translate-texts.html',
styleUrl: './translate-texts.css'
styleUrl: './translate-texts.scss'
})
export class TranslateTexts {
public fromText: string = ''
@ -15,4 +15,14 @@ export class TranslateTexts {
emptyText(someText: 'fromText' | 'toText') {
this[someText] = '';
}
onFileSelected($event: Event) {
}
clickFileUpload(fileUpload: HTMLInputElement) {
fileUpload.click();
}
}