diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index dfe180c..ea3ba5c 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -24,16 +24,16 @@ const routes: Routes = [ { path: 'irony', component: IronyAnalysisComponent }, { path: 'advertise', component: AdvertiseAnalysisComponent}, { path: 'post-analysis', component: FacebookAnalysisComponent}, - { - path: 'main-view', component: MainViewComponent, children: [ - { path: '', component: DashboardComponent }, - { path: 'ad-analysis', component: AdvertAnalysisComponent }, - { path: 'post-analysis', component: PostAnalysisComponent }, - { path: 'post-analysis/:id', component: PostAnalysisComponent }, - { path: 'history', component: AnalysisStoryComponent }, - { path: 'settings', component: SettingsComponent } - ] - }, + // { + // path: 'main-view', component: MainViewComponent, children: [ + // { path: '', component: DashboardComponent }, + // { path: 'ad-analysis', component: AdvertAnalysisComponent }, + // { path: 'post-analysis', component: PostAnalysisComponent }, + // { path: 'post-analysis/:id', component: PostAnalysisComponent }, + // { path: 'history', component: AnalysisStoryComponent }, + // { path: 'settings', component: SettingsComponent } + // ] + // }, ]; diff --git a/src/app/demo-models-page/advertise-analysis/advertise-analysis.component.html b/src/app/demo-models-page/advertise-analysis/advertise-analysis.component.html index 529eb54..55616f3 100644 --- a/src/app/demo-models-page/advertise-analysis/advertise-analysis.component.html +++ b/src/app/demo-models-page/advertise-analysis/advertise-analysis.component.html @@ -1,12 +1,12 @@ -
+
-
ANAIZA TEKSTU REKLAMY
- +
Analiza tekstu reklamy
+
-
Ola J cos tu se wpiszesz albo nie xD
+
- +
@@ -15,17 +15,36 @@
- +
-
- -
Wyniki analizy:
-
{{correctedText}}
+
+ + +
Wyniki analizy:
+
+
+
Poprawność stylistyczna:
+
+
Poprawny
+
Wymaga poprawy
+
+
+
+
Ton tekstu:
+
{{analysisResults.model2Label}}
+
+
+
- + + + + + diff --git a/src/app/demo-models-page/advertise-analysis/advertise-analysis.component.scss b/src/app/demo-models-page/advertise-analysis/advertise-analysis.component.scss index 92e11be..8187c80 100644 --- a/src/app/demo-models-page/advertise-analysis/advertise-analysis.component.scss +++ b/src/app/demo-models-page/advertise-analysis/advertise-analysis.component.scss @@ -1,8 +1,5 @@ .sentiment-container { padding: 30px 200px; - background: rgb(0, 0, 0); - background: linear-gradient(35deg, rgba(0, 0, 0, 1) 0%, rgba(71, 71, 9, 1) 50%, rgba(0, 0, 0, 1) 100%) !important; - background-repeat: no-repeat; min-height: calc(100% - 60px); height: fit-content } @@ -82,3 +79,35 @@ background-repeat: no-repeat; } } + + +.res-row{ + color: white; + display: flex; + justify-content: space-between; + width:600px; + border-bottom: 1px solid rgb(163, 161, 161); + margin-bottom:10px; +} + +.label-0 { + color: rgb(255, 66, 66) +} + +.label-1 { + color: #65dec2; +} +.analysis-row{ + color:white; + //word-spacing:5px; +} + +.spinner { + display: flex; + justify-content: center; + padding-top: 40px +} + +.error { + color: white +} diff --git a/src/app/demo-models-page/advertise-analysis/advertise-analysis.component.ts b/src/app/demo-models-page/advertise-analysis/advertise-analysis.component.ts index 8b8fde0..5ccde6d 100644 --- a/src/app/demo-models-page/advertise-analysis/advertise-analysis.component.ts +++ b/src/app/demo-models-page/advertise-analysis/advertise-analysis.component.ts @@ -2,6 +2,8 @@ import { HttpClient } from '@angular/common/http'; import { Component, OnInit } from '@angular/core'; import { FormGroup, Validators, FormBuilder, FormControl } from '@angular/forms'; import { Router } from '@angular/router'; +import { concatMap, tap } from 'rxjs'; +import { environment } from 'src/environments/environment'; @Component({ selector: 'app-advertise-analysis', @@ -10,10 +12,33 @@ import { Router } from '@angular/router'; }) export class AdvertiseAnalysisComponent implements OnInit { - correctedTextLoading = false; - correctedTextSet = false; + analysisLoading = false; + analysisStart = false; correctedText!: string; - randomSampleList = [] + error = false; + randomSampleList = [ + "Szanowny Panie/Pani, mamy dla Pana/Pani niesamowitą nowość, która z pewnością przyciągnie Pana/Panią uwagę!", + "Czy jest Pani/Pan gotowy/a na nową przygodę? Przygotowaliśmy dla Pani/Pana niezwykłe wyzwanie!", + "Zapraszamy Pana/Panią do odkrycia tajemniczego świata pełnego fascynujących możliwości i niezwykłych przygód!", + "Yo, co tam! Chciałem Ci dać cynk, że mamy dla Ciebie ekstra opcję, która rozbuja temat!", + "Cześć, zajawkowiczu/zajawkowiczko! Mamy dla Ciebie mega ofertę, która da Ci czadu!", + "Witam serdecznie! Wpadaj, bo mamy dla Ciebie niezłą promkę - czeka na Ciebie coś naprawdę wyjebanego!", + "Hejka! Przygotowaliśmy dla Ciebie spoko gratkę, która odjazdowo kopnie!", + "Elo, szanowna śmietanko/szanowny kumplu! Mamy dla Ciebie niezłe combo, które wgniata w fotel!", + "Gratuluję osiągnięcia! To jest bardzo ważne dla mnie.", + "Bardzo mi miło cię poznać. Bądź ostrożny i dbaj o siebie.", + "Przepraszam za spóźnienie. Cieszę się, że mogę być tutaj.", + "To jest naprawdę interesujące. Mam pytanie odnośnie twojej propozycji.", + "Z radością przekazujemy wam najnowsze promocje!", + "Dawaj, zróbmy sobie mały chillout. Zamówmy pizzę i obejrzyjmy jakiś dobry film.", + "Wpadaj na piwko wieczorem, będziemy rozkręcać imprezę!", + "Co tam u ciebie siedzi w lodówce? Może coś dobrego znajdziemy.", + "Czaisz, o co chodzi? Nie ma potrzeby tłumaczyć ci wszystkiego po raz kolejny.", + "Dogadaliśmy się w końcu i ustaliliśmy plan na resztę tygodnia.", + "Przestań trząść portkami. Nie ma się czego bać.", + "Walnijmy wreszcie prosto z mostu i powiedzmy sobie wszystko, co mamy na sercu." + + ] errorsForm: FormGroup = this.fb.group({ text: ['', Validators.required] }) @@ -27,14 +52,24 @@ export class AdvertiseAnalysisComponent implements OnInit { return this.errorsForm.controls['text'] as FormControl } + exampleOutput = { + model1Label: 0, + model2Label: '' + } + analysisResults = this.exampleOutput + textDestiny: string = '' + textIntrigue: string = '' + textFormal: string = '' + ngOnInit(): void { } analyseAdvert(isRandomSample: boolean): void { let sentence = '' - this.correctedTextSet = true - this.correctedTextLoading = false; + this.analysisStart = true + this.analysisLoading = false; + this.error = false; if (isRandomSample) { const randomElement = this.randomSampleList[Math.floor(Math.random() * this.randomSampleList.length)]; sentence = randomElement @@ -42,6 +77,25 @@ export class AdvertiseAnalysisComponent implements OnInit { } else { sentence = this.errorsForm.value.text } + this.http.post(environment.style, { sentences: [sentence] }).pipe(concatMap((styleResp: any) => { + console.log(styleResp) + this.analysisResults.model1Label = styleResp.predictions[0].label + return this.http.post(environment.tone, { sentences: [sentence] }).pipe(tap((toneResp:any) => { + console.log(toneResp) + this.analysisResults.model2Label = toneResp.predictions[0].join(', ') + // this.textDestiny = this.analysisResults.model2Label.includes(0) ? 'Młodzieżowy' : 'Neutralny' + // this.textIntrigue = this.analysisResults.model2Label.includes(1) ? 'Intrygujący' : 'Żmudny' + // this.textFormal = this.analysisResults.model2Label.includes(2) ? 'Formalny' : 'Nieformalny' + })) + })).subscribe({ + next: () => { + this.analysisLoading = true + }, + error:() => { + this.analysisLoading = true; + this.error = true; + } + }) } goToMainPage() { diff --git a/src/app/demo-models-page/errors-correction-page/errors-correction-page.component.html b/src/app/demo-models-page/errors-correction-page/errors-correction-page.component.html index 0958470..fdcfcbf 100644 --- a/src/app/demo-models-page/errors-correction-page/errors-correction-page.component.html +++ b/src/app/demo-models-page/errors-correction-page/errors-correction-page.component.html @@ -1,12 +1,12 @@ -
+
-
POPRAWIANIE BŁĘDÓW
- +
Poprawianie błędów
+
-
ja cos tu se wpiszesz albo nie xD
+
- +
@@ -15,7 +15,7 @@
-
@@ -30,7 +30,7 @@
- + diff --git a/src/app/demo-models-page/errors-correction-page/errors-correction-page.component.scss b/src/app/demo-models-page/errors-correction-page/errors-correction-page.component.scss index 19a3793..71f043e 100644 --- a/src/app/demo-models-page/errors-correction-page/errors-correction-page.component.scss +++ b/src/app/demo-models-page/errors-correction-page/errors-correction-page.component.scss @@ -1,8 +1,5 @@ .sentiment-container { padding: 30px 200px; - background: rgb(0, 0, 0); - background: linear-gradient(35deg, rgba(0, 0, 0, 1) 0%, rgba(10, 71, 9, 1) 50%, rgba(0, 0, 0, 1) 100%) !important; - background-repeat: no-repeat; min-height: calc(100% - 60px); height: fit-content; width:fit-content; diff --git a/src/app/demo-models-page/facebook-analysis/facebook-analysis.component.html b/src/app/demo-models-page/facebook-analysis/facebook-analysis.component.html index a747621..489608c 100644 --- a/src/app/demo-models-page/facebook-analysis/facebook-analysis.component.html +++ b/src/app/demo-models-page/facebook-analysis/facebook-analysis.component.html @@ -1,9 +1,9 @@ -