From cf79fd54e745d17a19d54272c315d3f199bc8508 Mon Sep 17 00:00:00 2001 From: ignacio salazar Date: Mon, 16 Sep 2024 19:42:01 -0300 Subject: [PATCH 001/203] maquetado finalizado --- .../welcome-page/welcome-page.component.html | 17 ++++++++---- .../welcome-page/welcome-page.component.scss | 27 ++++++++++++++++--- 2 files changed, 36 insertions(+), 8 deletions(-) diff --git a/src/app/modules/welcome/pages/welcome-page/welcome-page.component.html b/src/app/modules/welcome/pages/welcome-page/welcome-page.component.html index 1eb5a54..85477fa 100644 --- a/src/app/modules/welcome/pages/welcome-page/welcome-page.component.html +++ b/src/app/modules/welcome/pages/welcome-page/welcome-page.component.html @@ -3,23 +3,30 @@

Bienvenido "User"

-
+
- +
- +
- +
+ logo
diff --git a/src/app/modules/welcome/pages/welcome-page/welcome-page.component.scss b/src/app/modules/welcome/pages/welcome-page/welcome-page.component.scss index 1b44f59..ebf9b4f 100644 --- a/src/app/modules/welcome/pages/welcome-page/welcome-page.component.scss +++ b/src/app/modules/welcome/pages/welcome-page/welcome-page.component.scss @@ -8,7 +8,6 @@ } .column-tasks { - background-color: red; width: 60px; height: 551px; border-radius: 12px; @@ -43,8 +42,8 @@ .column-btn .span-linear::after { content: ''; position: absolute; - left:0; - bottom: -3px; + left: 0; + bottom: -3px; width: 100%; height: 3px; border: 0px 0px 3px 0px solid; @@ -61,3 +60,25 @@ background: linear-gradient(to right, #6a5fff80, #ff5ea680); border: none; } + +.circle { + border: 2px solid white; + border-radius: 50%; + width: 25px; + height: 25px; + display: inline-block; +} + +.bi-plus { + display: flex; + justify-content: center; + align-items: center; + font-size: 22px; +} + +.ti-img{ + width: 414px; + position: relative; + left: 170px; +} + From 5aea66736d2ccb87fbc68aff0195ee284f0b1549 Mon Sep 17 00:00:00 2001 From: matia Date: Mon, 16 Sep 2024 21:45:22 -0300 Subject: [PATCH 002/203] actualizando components --- .../pages/new-pages/new-pages.component.html | 56 +++++++- .../pages/new-pages/new-pages.component.scss | 132 +++++++++++++++++- .../pages/new-pages/new-pages.component.ts | 7 +- .../welcome-page/welcome-page.component.html | 33 +++-- .../welcome-page/welcome-page.component.ts | 27 ++-- 5 files changed, 216 insertions(+), 39 deletions(-) diff --git a/src/app/modules/new/pages/new-pages/new-pages.component.html b/src/app/modules/new/pages/new-pages/new-pages.component.html index 941565c..b16b5eb 100644 --- a/src/app/modules/new/pages/new-pages/new-pages.component.html +++ b/src/app/modules/new/pages/new-pages/new-pages.component.html @@ -1 +1,55 @@ -

Soy el new pages

\ No newline at end of file + +
+

Nombre del Quizz

+
+ +
+
+
+
+

Modulo

+ +
+
+

Célula

+ +
+
+

Seniority / Nivel

+ +
+
+ +
+
+ +
+
+ +
+ logo +
+
+ +
diff --git a/src/app/modules/new/pages/new-pages/new-pages.component.scss b/src/app/modules/new/pages/new-pages/new-pages.component.scss index 53a29d8..4cebbe3 100644 --- a/src/app/modules/new/pages/new-pages/new-pages.component.scss +++ b/src/app/modules/new/pages/new-pages/new-pages.component.scss @@ -1,7 +1,125 @@ -.new { - border: 1px solid rgb(119, 0, 255); - padding: .5rem; - padding-top: 2rem; - height: 88vh; - border-radius: 15px; - } \ No newline at end of file +// Variables SCSS para colores y otros valores reutilizables +$background-color: #2a2a2a; +$shadow-color: rgba(0, 217, 255, 0.4); +$input-bg-color: #333; +$text-color: #fff; +$border-radius: 12px; +$transition-time: 0.3s; +$spacing: 20px; // Espaciado general para márgenes y padding + +.new-title { + margin-top: 20px; + } + +// Contenedor regular +.normal-container { + width: 85vw; + height: 80vh; + margin: 20px auto; // Centra el contenedor horizontalmente + background-color: #212121; + padding: $spacing; + border-radius: $border-radius; + box-shadow: 0 6px 15px rgba(0, 0, 0, 0.9); + background-image: url('/src/assets/layout/images/logo.svg'); // Ruta de la imagen + background-size: cover; // Ajusta la imagen para cubrir todo el contenedor + background-position: center; // Posiciona la imagen en el centro + background-repeat: no-repeat; // Evita que la imagen se repita + + + + select { + width: 150px; // Ancho fijo para cada select + padding: 8px; + font-size: 16px; + border-radius: 8px; + border: 1px solid #ccc; + background-color: #fff; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + } + + + + + // Contenido interno del contenedor + .content { + display: flex; + flex-direction: column; + gap: $spacing; + + .content-1{ + background-color: red; + display: flex; + justify-content: space-between; + gap: 20px; + width: 80vw; + height: 20vh; + justify-content: space-around; + } + + .content-2{ + background-color: blue; + width: 80vw; + height: 20vh; + } + + .content-img { + display: flex; + justify-content: center; + align-items: center; + height: 20vh; + padding: 20px; + } + .new-img { + max-width: 15%; + height: auto; + } + + h2 { + color: $text-color; + text-align: center; + } + + p { + color: $text-color; + text-align: center; + } + + .form-group { + display: flex; + flex-direction: column; + label { + color: $text-color; + margin-bottom: 5px; + } + + input { + padding: 10px; + background-color: $input-bg-color; + color: $text-color; + border: none; + border-radius: $border-radius; + outline: none; + transition: background-color $transition-time; + + &:focus { + background-color: darken($input-bg-color, 10%); + } + } + } + + // Botón de envío + .submit-btn { + padding: 10px; + background-color: $shadow-color; + color: $text-color; + border: none; + border-radius: $border-radius; + cursor: pointer; + transition: background-color $transition-time; + + &:hover { + background-color: lighten($shadow-color, 20%); + } + } + } +} diff --git a/src/app/modules/new/pages/new-pages/new-pages.component.ts b/src/app/modules/new/pages/new-pages/new-pages.component.ts index 33047d5..fa45163 100644 --- a/src/app/modules/new/pages/new-pages/new-pages.component.ts +++ b/src/app/modules/new/pages/new-pages/new-pages.component.ts @@ -1,10 +1,11 @@ import { Component } from '@angular/core'; @Component({ - selector: 'app-new-pages', - templateUrl: './new-pages.component.html', - styleUrl: './new-pages.component.scss' + selector: 'app-new-pages', + templateUrl: './new-pages.component.html', + styleUrl: './new-pages.component.scss' }) export class NewPagesComponent { + } diff --git a/src/app/modules/welcome/pages/welcome-page/welcome-page.component.html b/src/app/modules/welcome/pages/welcome-page/welcome-page.component.html index 1eb5a54..a86294a 100644 --- a/src/app/modules/welcome/pages/welcome-page/welcome-page.component.html +++ b/src/app/modules/welcome/pages/welcome-page/welcome-page.component.html @@ -1,25 +1,28 @@
-

Bienvenido "User"

-
- -
+

Bienvenido "User"

+
+ +
-
- -
+
+ +
-
- -
+
+ +
-
- -
+
+ +
diff --git a/src/app/modules/welcome/pages/welcome-page/welcome-page.component.ts b/src/app/modules/welcome/pages/welcome-page/welcome-page.component.ts index 0c6b064..0fb53c5 100644 --- a/src/app/modules/welcome/pages/welcome-page/welcome-page.component.ts +++ b/src/app/modules/welcome/pages/welcome-page/welcome-page.component.ts @@ -2,20 +2,21 @@ import { Component } from '@angular/core'; import { Router } from '@angular/router'; @Component({ - selector: 'app-welcome-page', - templateUrl: './welcome-page.component.html', - styleUrl: './welcome-page.component.scss', + selector: 'app-welcome-page', + templateUrl: './welcome-page.component.html', + styleUrl: './welcome-page.component.scss', }) export class WelcomePageComponent { - constructor(private router: Router) {} + constructor(private router: Router) { } + + goToAll() { + this.router.navigate(['/all']); + } + goToCreate() { + this.router.navigate(['/create']); + } + goToEdit() { + this.router.navigate(['/edit']); + } - goToAll() { - this.router.navigate(['/all']); - } - goToCreate() { - this.router.navigate(['/create']); - } - goToEdit() { - this.router.navigate(['/edit']); - } } From c5d62a196a8cdc92e865428a58116dfd422cc79b Mon Sep 17 00:00:00 2001 From: matia Date: Tue, 17 Sep 2024 15:00:15 -0300 Subject: [PATCH 003/203] Component new-page --- .../pages/new-pages/new-pages.component.html | 56 +++++++- .../pages/new-pages/new-pages.component.scss | 132 +++++++++++++++++- .../pages/new-pages/new-pages.component.ts | 7 +- 3 files changed, 184 insertions(+), 11 deletions(-) diff --git a/src/app/modules/new/pages/new-pages/new-pages.component.html b/src/app/modules/new/pages/new-pages/new-pages.component.html index 941565c..b16b5eb 100644 --- a/src/app/modules/new/pages/new-pages/new-pages.component.html +++ b/src/app/modules/new/pages/new-pages/new-pages.component.html @@ -1 +1,55 @@ -

Soy el new pages

\ No newline at end of file + +
+

Nombre del Quizz

+
+ +
+
+
+
+

Modulo

+ +
+
+

Célula

+ +
+
+

Seniority / Nivel

+ +
+
+ +
+
+ +
+
+ +
+ logo +
+
+ +
diff --git a/src/app/modules/new/pages/new-pages/new-pages.component.scss b/src/app/modules/new/pages/new-pages/new-pages.component.scss index 53a29d8..4cebbe3 100644 --- a/src/app/modules/new/pages/new-pages/new-pages.component.scss +++ b/src/app/modules/new/pages/new-pages/new-pages.component.scss @@ -1,7 +1,125 @@ -.new { - border: 1px solid rgb(119, 0, 255); - padding: .5rem; - padding-top: 2rem; - height: 88vh; - border-radius: 15px; - } \ No newline at end of file +// Variables SCSS para colores y otros valores reutilizables +$background-color: #2a2a2a; +$shadow-color: rgba(0, 217, 255, 0.4); +$input-bg-color: #333; +$text-color: #fff; +$border-radius: 12px; +$transition-time: 0.3s; +$spacing: 20px; // Espaciado general para márgenes y padding + +.new-title { + margin-top: 20px; + } + +// Contenedor regular +.normal-container { + width: 85vw; + height: 80vh; + margin: 20px auto; // Centra el contenedor horizontalmente + background-color: #212121; + padding: $spacing; + border-radius: $border-radius; + box-shadow: 0 6px 15px rgba(0, 0, 0, 0.9); + background-image: url('/src/assets/layout/images/logo.svg'); // Ruta de la imagen + background-size: cover; // Ajusta la imagen para cubrir todo el contenedor + background-position: center; // Posiciona la imagen en el centro + background-repeat: no-repeat; // Evita que la imagen se repita + + + + select { + width: 150px; // Ancho fijo para cada select + padding: 8px; + font-size: 16px; + border-radius: 8px; + border: 1px solid #ccc; + background-color: #fff; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + } + + + + + // Contenido interno del contenedor + .content { + display: flex; + flex-direction: column; + gap: $spacing; + + .content-1{ + background-color: red; + display: flex; + justify-content: space-between; + gap: 20px; + width: 80vw; + height: 20vh; + justify-content: space-around; + } + + .content-2{ + background-color: blue; + width: 80vw; + height: 20vh; + } + + .content-img { + display: flex; + justify-content: center; + align-items: center; + height: 20vh; + padding: 20px; + } + .new-img { + max-width: 15%; + height: auto; + } + + h2 { + color: $text-color; + text-align: center; + } + + p { + color: $text-color; + text-align: center; + } + + .form-group { + display: flex; + flex-direction: column; + label { + color: $text-color; + margin-bottom: 5px; + } + + input { + padding: 10px; + background-color: $input-bg-color; + color: $text-color; + border: none; + border-radius: $border-radius; + outline: none; + transition: background-color $transition-time; + + &:focus { + background-color: darken($input-bg-color, 10%); + } + } + } + + // Botón de envío + .submit-btn { + padding: 10px; + background-color: $shadow-color; + color: $text-color; + border: none; + border-radius: $border-radius; + cursor: pointer; + transition: background-color $transition-time; + + &:hover { + background-color: lighten($shadow-color, 20%); + } + } + } +} diff --git a/src/app/modules/new/pages/new-pages/new-pages.component.ts b/src/app/modules/new/pages/new-pages/new-pages.component.ts index 33047d5..fa45163 100644 --- a/src/app/modules/new/pages/new-pages/new-pages.component.ts +++ b/src/app/modules/new/pages/new-pages/new-pages.component.ts @@ -1,10 +1,11 @@ import { Component } from '@angular/core'; @Component({ - selector: 'app-new-pages', - templateUrl: './new-pages.component.html', - styleUrl: './new-pages.component.scss' + selector: 'app-new-pages', + templateUrl: './new-pages.component.html', + styleUrl: './new-pages.component.scss' }) export class NewPagesComponent { + } From 0b30ec60b179dc79630f507a23ebbdb83b501793 Mon Sep 17 00:00:00 2001 From: matia Date: Tue, 17 Sep 2024 16:30:36 -0300 Subject: [PATCH 004/203] Component new-page-modified --- .../pages/new-pages/new-pages.component.html | 50 ++++------ .../pages/new-pages/new-pages.component.scss | 97 ++++--------------- 2 files changed, 42 insertions(+), 105 deletions(-) diff --git a/src/app/modules/new/pages/new-pages/new-pages.component.html b/src/app/modules/new/pages/new-pages/new-pages.component.html index b16b5eb..80a1438 100644 --- a/src/app/modules/new/pages/new-pages/new-pages.component.html +++ b/src/app/modules/new/pages/new-pages/new-pages.component.html @@ -8,48 +8,40 @@

Nombre del Quizz

Modulo

- + + + +

Célula

- + + + +

Seniority / Nivel

- + + + +
-
-
- -
-
+ -
- logo -
diff --git a/src/app/modules/new/pages/new-pages/new-pages.component.scss b/src/app/modules/new/pages/new-pages/new-pages.component.scss index 4cebbe3..402e2d0 100644 --- a/src/app/modules/new/pages/new-pages/new-pages.component.scss +++ b/src/app/modules/new/pages/new-pages/new-pages.component.scss @@ -26,100 +26,45 @@ $spacing: 20px; // Espaciado general para márgenes y padding background-repeat: no-repeat; // Evita que la imagen se repita - - select { - width: 150px; // Ancho fijo para cada select - padding: 8px; - font-size: 16px; - border-radius: 8px; - border: 1px solid #ccc; - background-color: #fff; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); - } - - - - // Contenido interno del contenedor .content { display: flex; flex-direction: column; + justify-content: center; + align-items: center; gap: $spacing; + .content-1{ - background-color: red; + background-color: #353434; display: flex; justify-content: space-between; gap: 20px; width: 80vw; height: 20vh; - justify-content: space-around; - } - - .content-2{ - background-color: blue; - width: 80vw; - height: 20vh; - } + border-radius: 12px; - .content-img { - display: flex; - justify-content: center; - align-items: center; - height: 20vh; - padding: 20px; - } - .new-img { - max-width: 15%; - height: auto; - } + h4 { + padding: 5px; + } - h2 { - color: $text-color; - text-align: center; - } + .option-select { + border: 2px solid #fff; + color: #C2BBBB; + background-color: #202020; - p { - color: $text-color; - text-align: center; - } + } - .form-group { - display: flex; - flex-direction: column; - label { - color: $text-color; - margin-bottom: 5px; - } - - input { - padding: 10px; - background-color: $input-bg-color; - color: $text-color; - border: none; - border-radius: $border-radius; - outline: none; - transition: background-color $transition-time; - - &:focus { - background-color: darken($input-bg-color, 10%); + .option { + background-color: #353434; + border-radius: 12px; } - } - } - // Botón de envío - .submit-btn { - padding: 10px; - background-color: $shadow-color; - color: $text-color; - border: none; - border-radius: $border-radius; - cursor: pointer; - transition: background-color $transition-time; - - &:hover { - background-color: lighten($shadow-color, 20%); - } + + } + + + } } From a999171c3819b9af2c76352a20425b1b48dbf575 Mon Sep 17 00:00:00 2001 From: ignacio salazar Date: Tue, 17 Sep 2024 16:37:08 -0300 Subject: [PATCH 005/203] empezando animacion --- package-lock.json | 10 ++++----- package.json | 2 +- src/app/app.module.ts | 21 ++++++++++--------- .../edit-pages/edit-pages.component.html | 9 +++++++- .../pages/edit-pages/edit-pages.component.ts | 13 ++++++++++++ 5 files changed, 38 insertions(+), 17 deletions(-) diff --git a/package-lock.json b/package-lock.json index 127bb1e..7e4fbc0 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,7 +9,7 @@ "version": "17.0.0", "license": "MIT", "dependencies": { - "@angular/animations": "^17.0.5", + "@angular/animations": "^17.3.12", "@angular/cdk": "^17.0.2", "@angular/common": "^17.0.5", "@angular/compiler": "^17.0.5", @@ -394,9 +394,9 @@ } }, "node_modules/@angular/animations": { - "version": "17.3.11", - "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-17.3.11.tgz", - "integrity": "sha512-1y1Egag5jbdUSUWVK+KA39N9VFDrzq9ObjbAhrXFlXKa0npBRw5bprEEeLFQMETMP9Mpjbmj2PoASfl4vqj/Iw==", + "version": "17.3.12", + "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-17.3.12.tgz", + "integrity": "sha512-9hsdWF4gRRcVJtPcCcYLaX1CIyM9wUu6r+xRl6zU5hq8qhl35hig6ounz7CXFAzLf0WDBdM16bPHouVGaG76lg==", "license": "MIT", "dependencies": { "tslib": "^2.3.0" @@ -405,7 +405,7 @@ "node": "^18.13.0 || >=20.9.0" }, "peerDependencies": { - "@angular/core": "17.3.11" + "@angular/core": "17.3.12" } }, "node_modules/@angular/cdk": { diff --git a/package.json b/package.json index 7ae5467..05ebfb3 100644 --- a/package.json +++ b/package.json @@ -13,7 +13,7 @@ }, "private": true, "dependencies": { - "@angular/animations": "^17.0.5", + "@angular/animations": "^17.3.12", "@angular/cdk": "^17.0.2", "@angular/common": "^17.0.5", "@angular/compiler": "^17.0.5", diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 42fb172..facdace 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -4,7 +4,7 @@ import { AppComponent } from './app.component'; import { AppRoutingModule } from './app-routing.module'; import { AppLayoutModule } from './layout/app.layout.module'; import { AuthService } from '@auth0/auth0-angular'; - +import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { AuthModule } from '@auth0/auth0-angular'; import { environment } from 'src/environments/environment'; import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http'; @@ -15,20 +15,21 @@ import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http'; AppRoutingModule, AppLayoutModule, HttpClientModule, + BrowserAnimationsModule, AuthModule.forRoot({ - domain: environment.auth.domain, - clientId: environment.auth.clientId, - authorizationParams: { - audience: environment.auth.authorizationParams.audience, - redirect_uri: environment.auth.authorizationParams.redirect_uri, - }}) -], + domain: environment.auth.domain, + clientId: environment.auth.clientId, + authorizationParams: { + audience: environment.auth.authorizationParams.audience, + redirect_uri: environment.auth.authorizationParams.redirect_uri, + }, + }), + ], providers: [ { provide: LocationStrategy, useClass: PathLocationStrategy, - - } + }, ], bootstrap: [AppComponent], }) diff --git a/src/app/modules/edit/pages/edit-pages/edit-pages.component.html b/src/app/modules/edit/pages/edit-pages/edit-pages.component.html index 20ca6d2..eaac0fe 100644 --- a/src/app/modules/edit/pages/edit-pages/edit-pages.component.html +++ b/src/app/modules/edit/pages/edit-pages/edit-pages.component.html @@ -1 +1,8 @@ -

Soy el edit page

\ No newline at end of file +

Soy el edit page

+
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione tempore + aliquam, ut veniam labore expedita officia sunt illum sit molestias + quisquam, unde molestiae nam ab recusandae iure, voluptatum quia odio. +

+
diff --git a/src/app/modules/edit/pages/edit-pages/edit-pages.component.ts b/src/app/modules/edit/pages/edit-pages/edit-pages.component.ts index acfcf42..69e0121 100644 --- a/src/app/modules/edit/pages/edit-pages/edit-pages.component.ts +++ b/src/app/modules/edit/pages/edit-pages/edit-pages.component.ts @@ -1,8 +1,21 @@ import { Component } from '@angular/core'; +import { trigger, style, transition, animate, state } from '@angular/animations'; @Component({ selector: 'app-edit-pages', templateUrl: './edit-pages.component.html', styleUrl: './edit-pages.component.scss', + animations: [ + trigger('enterState', [ + state('void', style({ + transform: 'translateX(-50%)', + })), + transition(':enter', [ + animate(300, style({ + transform: 'translateX(0)' + })) + ]) + ]) + ] }) export class EditPagesComponent {} From 16403550996a174bc6661820bd81a22ee0aa1495 Mon Sep 17 00:00:00 2001 From: Ignacio Date: Tue, 17 Sep 2024 18:37:54 -0300 Subject: [PATCH 006/203] animacion --- .../welcome-page/welcome-page.component.html | 29 ++++++-- .../welcome-page/welcome-page.component.scss | 1 - .../welcome-page/welcome-page.component.ts | 71 +++++++++++++++++++ 3 files changed, 94 insertions(+), 7 deletions(-) diff --git a/src/app/modules/welcome/pages/welcome-page/welcome-page.component.html b/src/app/modules/welcome/pages/welcome-page/welcome-page.component.html index 85477fa..6683493 100644 --- a/src/app/modules/welcome/pages/welcome-page/welcome-page.component.html +++ b/src/app/modules/welcome/pages/welcome-page/welcome-page.component.html @@ -11,22 +11,39 @@

Bienvenido "User"

-
-
+
+ +
-
-
+
+ +
-
-
+
+ +
+ logo
diff --git a/src/app/modules/welcome/pages/welcome-page/welcome-page.component.scss b/src/app/modules/welcome/pages/welcome-page/welcome-page.component.scss index ebf9b4f..5bf0f12 100644 --- a/src/app/modules/welcome/pages/welcome-page/welcome-page.component.scss +++ b/src/app/modules/welcome/pages/welcome-page/welcome-page.component.scss @@ -81,4 +81,3 @@ position: relative; left: 170px; } - diff --git a/src/app/modules/welcome/pages/welcome-page/welcome-page.component.ts b/src/app/modules/welcome/pages/welcome-page/welcome-page.component.ts index 0c6b064..4b7d6d9 100644 --- a/src/app/modules/welcome/pages/welcome-page/welcome-page.component.ts +++ b/src/app/modules/welcome/pages/welcome-page/welcome-page.component.ts @@ -1,14 +1,85 @@ import { Component } from '@angular/core'; import { Router } from '@angular/router'; +import { + trigger, + style, + transition, + animate, + state, +} from '@angular/animations'; @Component({ selector: 'app-welcome-page', templateUrl: './welcome-page.component.html', styleUrl: './welcome-page.component.scss', + animations: [ + trigger('expandState1', [ + state( + 'collapsed', + style({ + display: 'none', + }) + ), + state( + 'expanded', + style({ + width: '900px', + }) + ), + transition('collapsed => expanded', [animate('300ms ease-out')]), + transition('expanded => collapsed', [animate('300ms ease-in')]), + ]), + trigger('expandState2', [ + state( + 'collapsed', + style({ + display: 'none', + }) + ), + state( + 'expanded', + style({ + width: '900px', + }) + ), + transition('collapsed => expanded', [animate('300ms ease-out')]), + transition('expanded => collapsed', [animate('300ms ease-in')]), + ]), + trigger('expandState3', [ + state( + 'collapsed', + style({ + display: 'none', + }) + ), + state( + 'expanded', + style({ + width: '900px', + }) + ), + transition('collapsed => expanded', [animate('300ms ease-out')]), + transition('expanded => collapsed', [animate('300ms ease-in')]), + ]), + ], }) export class WelcomePageComponent { constructor(private router: Router) {} + isExpanded1 = false; + isExpanded2 = false; + isExpanded3 = false; + toggleExpand1() { + this.isExpanded1 = !this.isExpanded1; + } + + toggleExpand2() { + this.isExpanded2 = !this.isExpanded2; + } + + toggleExpand3() { + this.isExpanded3 = !this.isExpanded3; + } goToAll() { this.router.navigate(['/all']); } From 127dacafea59e4f8cd7fee07c4373d7840cc6204 Mon Sep 17 00:00:00 2001 From: Agustindardanelli-stack Date: Wed, 18 Sep 2024 00:43:24 -0300 Subject: [PATCH 007/203] Component form --- src/app/modules/new/new.module.ts | 4 +- .../pages/new-pages/new-pages.component.html | 100 +++++++++++++---- .../pages/new-pages/new-pages.component.scss | 101 ++++++++++++++++++ .../pages/new-pages/new-pages.component.ts | 19 ++++ 4 files changed, 205 insertions(+), 19 deletions(-) diff --git a/src/app/modules/new/new.module.ts b/src/app/modules/new/new.module.ts index 097aea3..90744fd 100644 --- a/src/app/modules/new/new.module.ts +++ b/src/app/modules/new/new.module.ts @@ -2,10 +2,12 @@ import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { NewPagesComponent } from './pages/new-pages/new-pages.component'; import { NewRoutingModule } from './new-routing.module'; +import { FormsModule } from '@angular/forms'; + @NgModule({ declarations: [NewPagesComponent], - imports: [CommonModule, NewRoutingModule], + imports: [CommonModule, NewRoutingModule,FormsModule], exports: [NewPagesComponent], }) export class NewModule {} diff --git a/src/app/modules/new/pages/new-pages/new-pages.component.html b/src/app/modules/new/pages/new-pages/new-pages.component.html index 80a1438..c070b6b 100644 --- a/src/app/modules/new/pages/new-pages/new-pages.component.html +++ b/src/app/modules/new/pages/new-pages/new-pages.component.html @@ -8,40 +8,104 @@

Nombre del Quizz

Modulo

- + + + +

Célula

- + + - +

Seniority / Nivel

- - +
+
+

Define la pregunta

+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+ +
+ + +
+
+ +
+ +
+ +
+ + +
+
+
+ + - - + + + diff --git a/src/app/modules/new/pages/new-pages/new-pages.component.scss b/src/app/modules/new/pages/new-pages/new-pages.component.scss index 402e2d0..6abe40a 100644 --- a/src/app/modules/new/pages/new-pages/new-pages.component.scss +++ b/src/app/modules/new/pages/new-pages/new-pages.component.scss @@ -59,12 +59,113 @@ $spacing: 20px; // Espaciado general para márgenes y padding background-color: #353434; border-radius: 12px; } + + } + .content-2{ + width: Fixed (804px)px; + height: Hug (278px)px; + padding: 16px 0px 0px 0px; + gap: 17px; + font-family: Poppins; + border-radius: 8px 0px 0px 0px; + opacity: 0px; + box-shadow: 0px -3px 12.8px 0px rgba(241, 121, 197, 1); + background: rgba(79, 77, 77, 0.45); + + + .custom-label { + font-family: Poppins; + margin-bottom: 8px; + color: rgba(255, 255, 255, 1); + } + + .custom-select{ + width: Fill (377.5px)px; + height: Fixed (28px)px; + gap: 0px; + border-radius: 8px 0px 0px 0px; + opacity: 0px; + color: rgba(48, 48, 48, 1); + color : rgba(194, 187, 187, 0.6); + + } + .custom-input{ + width: 377.5px; + height: 28px; + gap: 0px; + border-radius: 8px 0px 0px 0px; + border: 1px 0px 0px 0px; + opacity: 0px; + background: rgba(32, 32, 32, 1); + + + + } + + .custom-option-group { + margin-bottom: 10px; + } + + .custom-radio { + margin-right: 8px; + } + + .custom-add-option-btn { + width: 350px; + height: 28px; + gap: 5px; + border-radius: 8px ; + padding: 8px; + color: rgba(194,187,187,0.6) + + } + + .custom-btn-submit { + width: 91px; + height: 42px; + padding: 8px 0px 0px 0px; + gap: 8px; + border-radius: 8px 0px 0px 0px; + border: 1.4px 0px 0px 0px; + opacity: 0px; + color: rgba(106, 95, 255, 1); + background: rgba(32, 32, 32, 1); + + } + .i{ + width: 7.89px; + height: 10px; + top: 2.5px; + left: 1.97px; + gap: 0px; + opacity: 0px; + + + } + + .custom-btn-new-question { + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); + width: 91px; + height: 42px; + padding: 8px 0px 0px 0px; + gap: 8px; + border-radius: 8px 0px 0px 0px; + border: 1.4px 0px 0px 0px; + opacity: 0px; + background: rgba(95, 95, 95, 1); + color:rgba(126, 126, 126, 1); + + } + + + } } + } diff --git a/src/app/modules/new/pages/new-pages/new-pages.component.ts b/src/app/modules/new/pages/new-pages/new-pages.component.ts index fa45163..b5670e9 100644 --- a/src/app/modules/new/pages/new-pages/new-pages.component.ts +++ b/src/app/modules/new/pages/new-pages/new-pages.component.ts @@ -7,5 +7,24 @@ import { Component } from '@angular/core'; }) export class NewPagesComponent { + questionTypes: string[] = ['Selección mutiple', 'Casilla', 'Verdadero o falso']; + options: string[] = ['Opción 1']; + selectedOption: string = ''; + // Agregar una nueva opción + addOption() { + this.options.push(`Opción ${this.options.length + 1}`); + } + + // Acción al enviar el formulario + onSubmit(form: any) { + console.log('Formulario enviado', form.value); + } + + // Crear una nueva pregunta + addNewQuestion(form:any) { + console.log('Nueva pregunta agregada'); + form.resetForm(); + this.options = ['Opción 1']; // Reiniciar las opciones + } } From 3c2825e52ce3b2f5077d445be471138a11d6a59c Mon Sep 17 00:00:00 2001 From: Ignacio Date: Wed, 18 Sep 2024 14:50:26 -0300 Subject: [PATCH 008/203] uniendo contenedores --- .../pages/new-pages/new-pages.component.html | 228 ++++++++------- .../pages/new-pages/new-pages.component.scss | 262 +++++++++--------- .../welcome-page/welcome-page.component.html | 4 +- .../welcome-page/welcome-page.component.ts | 6 +- 4 files changed, 264 insertions(+), 236 deletions(-) diff --git a/src/app/modules/new/pages/new-pages/new-pages.component.html b/src/app/modules/new/pages/new-pages/new-pages.component.html index c070b6b..a8cf461 100644 --- a/src/app/modules/new/pages/new-pages/new-pages.component.html +++ b/src/app/modules/new/pages/new-pages/new-pages.component.html @@ -1,111 +1,135 @@ -
+
-
-
-
-

Modulo

- -
-
-

Célula

- -
-
-

Seniority / Nivel

- -
+
+
+
+

Modulo

+ +
+
+

Célula

+ +
+
+

Seniority / Nivel

+ +
+
+
+
+

Define la pregunta

+ + +
+
+
+
+ + +
-
-

Define la pregunta

- - - -
-
-
- - -
-
-
-
- - -
-
-
- -
- -
- - -
-
- -
- -
- -
- - -
- +
+
+ + +
- - +
- - -
+
+ +
+ + +
+
+ +
+ +
- +
+ + +
+ +
diff --git a/src/app/modules/new/pages/new-pages/new-pages.component.scss b/src/app/modules/new/pages/new-pages/new-pages.component.scss index 6abe40a..e6d9227 100644 --- a/src/app/modules/new/pages/new-pages/new-pages.component.scss +++ b/src/app/modules/new/pages/new-pages/new-pages.component.scss @@ -8,14 +8,19 @@ $transition-time: 0.3s; $spacing: 20px; // Espaciado general para márgenes y padding .new-title { - margin-top: 20px; - } + margin-top: 20px; +} // Contenedor regular .normal-container { - width: 85vw; - height: 80vh; - margin: 20px auto; // Centra el contenedor horizontalmente + display: flex; + flex-direction: column; + align-items: center; + /* width: 85vw; + height: 80vh; */ + width: 869px; + height: 551px; + /* margin: 20px auto; */ // Centra el contenedor horizontalmente background-color: #212121; padding: $spacing; border-radius: $border-radius; @@ -25,147 +30,146 @@ $spacing: 20px; // Espaciado general para márgenes y padding background-position: center; // Posiciona la imagen en el centro background-repeat: no-repeat; // Evita que la imagen se repita - // Contenido interno del contenedor .content { display: flex; flex-direction: column; justify-content: center; align-items: center; - gap: $spacing; + /* gap: $spacing; */ + /* agregado */ + margin-bottom: 100px; - .content-1{ + .input-container { + width: 251.33px; + height: 52px; + display: flex; + flex-direction: column; + justify-content: space-between; + } + + .content-1 { + background-color: #353434; + + display: flex; + justify-content: space-between; + /* gap: 20px; */ + /* width: 80vw; + height: 20vh; */ + width: 804px; + height: 68px; + border-radius: 12px; + padding: 8px; + + h4 { + /* padding: 5px; */ + margin: 0; + font-size: 16px; + } + + .option-select { + border: 2px solid #fff; + border: none; + color: #c2bbbb99; + background-color: #202020; + + width: 251.33px; + height: 28px; + } + + .option { background-color: #353434; - display: flex; - justify-content: space-between; - gap: 20px; - width: 80vw; - height: 20vh; border-radius: 12px; + } + } + } + .content-2 { + /* width: Fixed (804px) px; + height: Hug (278px) px; */ + width: 804px; + height: 278px; + padding: 16px 0px 0px 0px; + gap: 17px; + font-family: Poppins; + border-radius: 8px 0px 0px 0px; + opacity: 0px; + box-shadow: 0px -3px 12.8px 0px rgba(241, 121, 197, 1); + background: rgba(79, 77, 77, 0.45); + + .custom-label { + font-family: Poppins; + margin-bottom: 8px; + color: rgba(255, 255, 255, 1); + } - h4 { - padding: 5px; - } - - .option-select { - border: 2px solid #fff; - color: #C2BBBB; - background-color: #202020; - - } - - .option { - background-color: #353434; - border-radius: 12px; - } - + .custom-select { + width: Fill (377.5px) px; + height: Fixed (28px) px; + gap: 0px; + border-radius: 8px 0px 0px 0px; + opacity: 0px; + color: rgba(48, 48, 48, 1); + color: rgba(194, 187, 187, 0.6); + } + .custom-input { + width: 377.5px; + height: 28px; + gap: 0px; + border-radius: 8px 0px 0px 0px; + border: 1px 0px 0px 0px; + opacity: 0px; + background: rgba(32, 32, 32, 1); + } + .custom-option-group { + margin-bottom: 10px; + } + .custom-radio { + margin-right: 8px; + } + .custom-add-option-btn { + width: 350px; + height: 28px; + gap: 5px; + border-radius: 8px; + padding: 8px; + color: rgba(194, 187, 187, 0.6); } - .content-2{ - width: Fixed (804px)px; - height: Hug (278px)px; - padding: 16px 0px 0px 0px; - gap: 17px; - font-family: Poppins; + + .custom-btn-submit { + width: 91px; + height: 42px; + padding: 8px 0px 0px 0px; + gap: 8px; border-radius: 8px 0px 0px 0px; - opacity: 0px; - box-shadow: 0px -3px 12.8px 0px rgba(241, 121, 197, 1); - background: rgba(79, 77, 77, 0.45); - - - .custom-label { - font-family: Poppins; - margin-bottom: 8px; - color: rgba(255, 255, 255, 1); - } - - .custom-select{ - width: Fill (377.5px)px; - height: Fixed (28px)px; - gap: 0px; - border-radius: 8px 0px 0px 0px; - opacity: 0px; - color: rgba(48, 48, 48, 1); - color : rgba(194, 187, 187, 0.6); - - } - .custom-input{ - width: 377.5px; - height: 28px; - gap: 0px; - border-radius: 8px 0px 0px 0px; - border: 1px 0px 0px 0px; - opacity: 0px; - background: rgba(32, 32, 32, 1); - - - - } - - .custom-option-group { - margin-bottom: 10px; - } - - .custom-radio { - margin-right: 8px; - } - - .custom-add-option-btn { - width: 350px; - height: 28px; - gap: 5px; - border-radius: 8px ; - padding: 8px; - color: rgba(194,187,187,0.6) - - } - - .custom-btn-submit { - width: 91px; - height: 42px; - padding: 8px 0px 0px 0px; - gap: 8px; - border-radius: 8px 0px 0px 0px; - border: 1.4px 0px 0px 0px; - opacity: 0px; - color: rgba(106, 95, 255, 1); - background: rgba(32, 32, 32, 1); - - } - .i{ - width: 7.89px; - height: 10px; - top: 2.5px; - left: 1.97px; - gap: 0px; - opacity: 0px; - - - } - - .custom-btn-new-question { - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); - width: 91px; - height: 42px; - padding: 8px 0px 0px 0px; - gap: 8px; - border-radius: 8px 0px 0px 0px; - border: 1.4px 0px 0px 0px; - opacity: 0px; - background: rgba(95, 95, 95, 1); - color:rgba(126, 126, 126, 1); - - } - - - + border: 1.4px 0px 0px 0px; + opacity: 0px; + color: rgba(106, 95, 255, 1); + background: rgba(32, 32, 32, 1); + } + .i { + width: 7.89px; + height: 10px; + top: 2.5px; + left: 1.97px; + gap: 0px; + opacity: 0px; } - - + .custom-btn-new-question { + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); + width: 91px; + height: 42px; + padding: 8px 0px 0px 0px; + gap: 8px; + border-radius: 8px 0px 0px 0px; + border: 1.4px 0px 0px 0px; + opacity: 0px; + background: rgba(95, 95, 95, 1); + color: rgba(126, 126, 126, 1); + } } - } diff --git a/src/app/modules/welcome/pages/welcome-page/welcome-page.component.html b/src/app/modules/welcome/pages/welcome-page/welcome-page.component.html index 6683493..a3ece83 100644 --- a/src/app/modules/welcome/pages/welcome-page/welcome-page.component.html +++ b/src/app/modules/welcome/pages/welcome-page/welcome-page.component.html @@ -29,9 +29,9 @@

Bienvenido "User"

- +
diff --git a/src/app/modules/welcome/pages/welcome-page/welcome-page.component.ts b/src/app/modules/welcome/pages/welcome-page/welcome-page.component.ts index 4b7d6d9..b08f390 100644 --- a/src/app/modules/welcome/pages/welcome-page/welcome-page.component.ts +++ b/src/app/modules/welcome/pages/welcome-page/welcome-page.component.ts @@ -23,7 +23,7 @@ import { state( 'expanded', style({ - width: '900px', + maxWidth: '900px', }) ), transition('collapsed => expanded', [animate('300ms ease-out')]), @@ -39,7 +39,7 @@ import { state( 'expanded', style({ - width: '900px', + maxWidth: '900px', }) ), transition('collapsed => expanded', [animate('300ms ease-out')]), @@ -55,7 +55,7 @@ import { state( 'expanded', style({ - width: '900px', + maxWidth: '900px', }) ), transition('collapsed => expanded', [animate('300ms ease-out')]), From 6f9b078640455e522afffbb70842c10e25df407f Mon Sep 17 00:00:00 2001 From: Ignacio Date: Wed, 18 Sep 2024 16:45:02 -0300 Subject: [PATCH 009/203] cambio de pc --- .../modules/new/pages/new-pages/new-pages.component.scss | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/app/modules/new/pages/new-pages/new-pages.component.scss b/src/app/modules/new/pages/new-pages/new-pages.component.scss index e6d9227..7813b1e 100644 --- a/src/app/modules/new/pages/new-pages/new-pages.component.scss +++ b/src/app/modules/new/pages/new-pages/new-pages.component.scss @@ -88,14 +88,15 @@ $spacing: 20px; // Espaciado general para márgenes y padding /* width: Fixed (804px) px; height: Hug (278px) px; */ width: 804px; - height: 278px; + height: 274px; padding: 16px 0px 0px 0px; gap: 17px; font-family: Poppins; - border-radius: 8px 0px 0px 0px; + border-radius: 8px; + padding: 16px; opacity: 0px; box-shadow: 0px -3px 12.8px 0px rgba(241, 121, 197, 1); - background: rgba(79, 77, 77, 0.45); + background-color: #4f4d4d73; .custom-label { font-family: Poppins; From 009174ad01425d9dafa5951ac986ced7549f7b70 Mon Sep 17 00:00:00 2001 From: Agustindardanelli-stack Date: Wed, 18 Sep 2024 17:32:19 -0300 Subject: [PATCH 010/203] logic in true o false --- .../pages/new-pages/new-pages.component.html | 10 +++++++--- .../pages/new-pages/new-pages.component.scss | 16 ++++++++-------- .../new/pages/new-pages/new-pages.component.ts | 18 ++++++++++++++++-- 3 files changed, 31 insertions(+), 13 deletions(-) diff --git a/src/app/modules/new/pages/new-pages/new-pages.component.html b/src/app/modules/new/pages/new-pages/new-pages.component.html index a8cf461..4c3b3bc 100644 --- a/src/app/modules/new/pages/new-pages/new-pages.component.html +++ b/src/app/modules/new/pages/new-pages/new-pages.component.html @@ -58,7 +58,9 @@

Define la pregunta

class="custom-select" id="questionType" name="questionType" - ngModel + [(ngModel)]="selectedOption" + (ngModelChange)="onQuestionTypeChange($event)" + > required>
-
+
+ + +
-

Define la pregunta

+

Define la pregunta

-
-
-
- - + - -
+ [value]="type"> + {{ type }} + +
-
-
- - -
+
+ +
diff --git a/src/app/modules/new/pages/new-pages/new-pages.component.scss b/src/app/modules/new/pages/new-pages/new-pages.component.scss index 7813b1e..0e1ed0f 100644 --- a/src/app/modules/new/pages/new-pages/new-pages.component.scss +++ b/src/app/modules/new/pages/new-pages/new-pages.component.scss @@ -84,6 +84,9 @@ $spacing: 20px; // Espaciado general para márgenes y padding } } } + + /* componente agus */ + .content-2 { /* width: Fixed (804px) px; height: Hug (278px) px; */ @@ -98,29 +101,40 @@ $spacing: 20px; // Espaciado general para márgenes y padding box-shadow: 0px -3px 12.8px 0px rgba(241, 121, 197, 1); background-color: #4f4d4d73; + .question-container { + background-color: pink; + width: 772px; + height: 52px; + display: flex; + align-items: center; + justify-content: space-between; + } + .custom-label { font-family: Poppins; - margin-bottom: 8px; + color: rgba(255, 255, 255, 1); } .custom-select { - width: Fill (377.5px) px; - height: Fixed (28px) px; - gap: 0px; - border-radius: 8px 0px 0px 0px; + width: 377.5px; + height: 28px; + border: none; opacity: 0px; + padding: 0 0 0 8px; color: rgba(48, 48, 48, 1); + background: rgba(32, 32, 32, 1); color: rgba(194, 187, 187, 0.6); } .custom-input { width: 377.5px; height: 28px; + border: none; gap: 0px; - border-radius: 8px 0px 0px 0px; - border: 1px 0px 0px 0px; + padding: 0px 0px 0px 8px; opacity: 0px; background: rgba(32, 32, 32, 1); + border-radius: 8px; } .custom-option-group { From eb8e40399d29fb50108e130cdefee0f35356c5f1 Mon Sep 17 00:00:00 2001 From: ignacio salazar Date: Wed, 18 Sep 2024 17:55:05 -0300 Subject: [PATCH 012/203] resolucion de conflicto --- .../modules/new/pages/new-pages/new-pages.component.html | 5 +++-- .../modules/new/pages/new-pages/new-pages.component.scss | 6 ++++-- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/src/app/modules/new/pages/new-pages/new-pages.component.html b/src/app/modules/new/pages/new-pages/new-pages.component.html index 88ceffc..476f110 100644 --- a/src/app/modules/new/pages/new-pages/new-pages.component.html +++ b/src/app/modules/new/pages/new-pages/new-pages.component.html @@ -59,8 +59,9 @@

Define la pregunta

- - - - -
-
-

Célula

- -
-
-

Seniority / Nivel

- -
-
- +
+
+
+

Modulo

+ +
- +
+

Célula

+ - - -
-
- - -
-
+ -
- -
- - + + + + + + + + + + +
+ +
+

Seniority / Nivel

+ +
-
+ -
- -
+ -
- - -
- - +
+

Define la pregunta

+ + +
+
+
+ + +
+
+ + +
+
+ +
+ +
+ + +
+
+ +
+ +
+ +
+ + +
+
+
diff --git a/src/app/modules/new/pages/new-pages/new-pages.component.scss b/src/app/modules/new/pages/new-pages/new-pages.component.scss index 78beceb..1e9cdc4 100644 --- a/src/app/modules/new/pages/new-pages/new-pages.component.scss +++ b/src/app/modules/new/pages/new-pages/new-pages.component.scss @@ -39,7 +39,7 @@ $spacing: 20px; // Espaciado general para márgenes y padding /* gap: $spacing; */ /* agregado */ - margin-bottom: 100px; + margin-bottom: 30px; .input-container { width: 251.33px; @@ -82,6 +82,58 @@ $spacing: 20px; // Espaciado general para márgenes y padding background-color: #353434; border-radius: 12px; } + + .diseño-ux-ui { + background-color: #ffcc00; + color: #795f3a; + } + + .qa-tester{ + border-radius: 20px; + background-color: #ff9500; + color: #795f3a; + } + .frontend{ + border-radius: 20px; + background-color: #34c759; + color: #795f3a; + } + .backend{ + border-radius: 20px; + background-color: #00c7be; + color: #795f3a; + } + .pm{ + border-radius: 20px; + background-color: #30b0c7; + color: #795f3a; + } + .scrum-master{ + border-radius: 20px; + background-color: #32ade6; + color: #795f3a; + } + .trainee{ + border-radius: 20px; + background-color: #007aff; + color: #795f3a; + } + .junior{ + border-radius: 20px; + background-color: #5856d6; + color: #795f3a; + } + .semi-sr{ + border-radius: 20px; + background-color: #af52de; + color: #795f3a; + } + .senior{ + border-radius: 20px; + background-color: #ff2d55; + color: #795f3a; + } + } } @@ -102,7 +154,7 @@ $spacing: 20px; // Espaciado general para márgenes y padding background-color: #4f4d4d73; .question-container { - + width: 772px; height: 52px; display: flex; @@ -148,10 +200,10 @@ $spacing: 20px; // Espaciado general para márgenes y padding .custom-add-option-btn { width: 350px; - height: 28px; + /* height: 28px; */ gap: 5px; border-radius: 8px; - padding: 8px; + padding: 5px; color: rgba(194, 187, 187, 0.6); } @@ -180,7 +232,7 @@ $spacing: 20px; // Espaciado general para márgenes y padding width: 91px; height: 42px; padding: 8px; - + border-radius: 8px; border: 1.4px solid #5F5F5F; font-size: 12px; diff --git a/src/app/modules/new/pages/new-pages/new-pages.component.ts b/src/app/modules/new/pages/new-pages/new-pages.component.ts index 838e7b8..f0a7eb3 100644 --- a/src/app/modules/new/pages/new-pages/new-pages.component.ts +++ b/src/app/modules/new/pages/new-pages/new-pages.component.ts @@ -8,37 +8,38 @@ import { Component } from '@angular/core'; export class NewPagesComponent { questionTypes: string[] = ['Selección mutiple', 'Casilla', 'Verdadero o falso']; - options: string[] = ['Opción 1']; - selectedOption: string = ''; - - isTrueFalseQuestion: boolean = false; - - // DETECTA EL CAMBIO DE PREGUNTA - onQuestionTypeChange(selectedType: string) { - if (selectedType === 'Verdadero o falso') { - this.isTrueFalseQuestion = true; - // Si es verdadero o falso muestra estas opciones nada mas - this.options = ['Verdadero', 'Falso']; - } else { - this.isTrueFalseQuestion = false; - // Volver a permitir opciones personalizadas - this.options = ['Opción 1']; + options: string[] = ['Opción 1']; + selectedOption: string = ''; + + isTrueFalseQuestion: boolean = false; + + // DETECTA EL CAMBIO DE PREGUNTA + onQuestionTypeChange(selectedType: string) { + if (selectedType === 'Verdadero o falso') { + this.isTrueFalseQuestion = true; + // Si es verdadero o falso muestra estas opciones nada mas + this.options = ['Verdadero', 'Falso']; + } else { + this.isTrueFalseQuestion = false; + // Volver a permitir opciones personalizadas + this.options = ['Opción 1']; + } } - } - - addOption() { - this.options.push(`Opción ${this.options.length + 1}`); - } - - // enviar el formulario - onSubmit(form: any) { - console.log('Formulario enviado', form.value); - } - - // Crear una nueva pregunta - addNewQuestion(form:any) { - console.log('Nueva pregunta agregada'); - form.resetForm(); - this.options = ['Opción 1']; // Reiniciar las opciones - } + + addOption() { + this.options.push(`Opción ${this.options.length + 1}`); + } + + // enviar el formulario + onSubmit(form: any) { + console.log('Formulario enviado', form.value); + } + + // Crear una nueva pregunta + addNewQuestion(form: any) { + console.log('Nueva pregunta agregada'); + form.resetForm(); + this.options = ['Opción 1']; // Reiniciar las opciones + } + } From ed90096900d061693bc18bd47dafadfa568e6863 Mon Sep 17 00:00:00 2001 From: ignacio salazar Date: Fri, 20 Sep 2024 15:53:41 -0300 Subject: [PATCH 015/203] detalles de maquetado corregidos --- .../pages/new-pages/new-pages.component.html | 264 +++++++++--------- .../pages/new-pages/new-pages.component.scss | 2 +- .../welcome-page/welcome-page.component.html | 2 +- .../sideBar/side-bar/side-bar.component.html | 2 +- 4 files changed, 132 insertions(+), 138 deletions(-) diff --git a/src/app/modules/new/pages/new-pages/new-pages.component.html b/src/app/modules/new/pages/new-pages/new-pages.component.html index f496d91..4c56e70 100644 --- a/src/app/modules/new/pages/new-pages/new-pages.component.html +++ b/src/app/modules/new/pages/new-pages/new-pages.component.html @@ -4,150 +4,144 @@

Nombre del Quizz

-->
-
-
-
-

Modulo

- -
+
+
+
+

Módulo

+ +
-
-

Célula

- + - + - + + + + + + + + + + +
- - - - - - - - - - -
- -
-

Seniority / Nivel

- -
-
+
+

Seniority / Nivel

+ +
+
- + -
-

Define la pregunta

+
+

Define la pregunta

- -
-
-
- - -
-
- - -
-
+ + +
+
+ + +
+
+ + +
+
-
- -
- - -
-
+
+ +
+ + +
+
-
- -
+
+ +
-
- - -
-
-
+
+ + +
+ +
diff --git a/src/app/modules/new/pages/new-pages/new-pages.component.scss b/src/app/modules/new/pages/new-pages/new-pages.component.scss index 1e9cdc4..5dc48a3 100644 --- a/src/app/modules/new/pages/new-pages/new-pages.component.scss +++ b/src/app/modules/new/pages/new-pages/new-pages.component.scss @@ -175,7 +175,7 @@ $spacing: 20px; // Espaciado general para márgenes y padding border: none; opacity: 0px; padding: 0 0 0 8px; - color: rgba(48, 48, 48, 1); + background: rgba(32, 32, 32, 1); color: rgba(194, 187, 187, 0.6); } diff --git a/src/app/modules/welcome/pages/welcome-page/welcome-page.component.html b/src/app/modules/welcome/pages/welcome-page/welcome-page.component.html index 3ac8426..c8f8a75 100644 --- a/src/app/modules/welcome/pages/welcome-page/welcome-page.component.html +++ b/src/app/modules/welcome/pages/welcome-page/welcome-page.component.html @@ -1,7 +1,7 @@

Bienvenido "User"

-
+
diff --git a/src/app/shared/components/sideBar/side-bar/side-bar.component.html b/src/app/shared/components/sideBar/side-bar/side-bar.component.html index d20c771..e63333d 100644 --- a/src/app/shared/components/sideBar/side-bar/side-bar.component.html +++ b/src/app/shared/components/sideBar/side-bar/side-bar.component.html @@ -8,7 +8,7 @@
From 475b40a1d4cbea24b6e98d70cb70ba5e6838aaa1 Mon Sep 17 00:00:00 2001 From: ignacio salazar Date: Fri, 20 Sep 2024 16:11:41 -0300 Subject: [PATCH 016/203] img --- .../components/sideBar/side-bar/side-bar.component.html | 4 ++-- .../components/sideBar/side-bar/side-bar.component.scss | 7 +++++-- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/src/app/shared/components/sideBar/side-bar/side-bar.component.html b/src/app/shared/components/sideBar/side-bar/side-bar.component.html index e63333d..aca4228 100644 --- a/src/app/shared/components/sideBar/side-bar/side-bar.component.html +++ b/src/app/shared/components/sideBar/side-bar/side-bar.component.html @@ -1,6 +1,6 @@ -
- logo +
+ logo