From 4e449b38a8e9ea78bfa62b69cf21d4dedc528790 Mon Sep 17 00:00:00 2001 From: Tykayn Date: Thu, 18 Nov 2021 09:42:00 +0100 Subject: [PATCH 1/7] seven steps components and more steps for participation --- .../actions-menu/actions-menu.component.html | 1 + .../actions-menu/actions-menu.component.scss | 0 .../actions-menu.component.spec.ts | 24 +++++++++++++++ .../actions-menu/actions-menu.component.ts | 12 ++++++++ .../administration-routing.module.ts | 4 +++ .../administration/administration.module.ts | 12 ++++++++ .../form/hours/hours.component.html | 1 + .../form/hours/hours.component.scss | 0 .../form/hours/hours.component.spec.ts | 24 +++++++++++++++ .../form/hours/hours.component.ts | 12 ++++++++ .../option-link/option-link.component.html | 1 + .../option-link/option-link.component.scss | 0 .../option-link/option-link.component.spec.ts | 24 +++++++++++++++ .../form/option-link/option-link.component.ts | 12 ++++++++ .../steps/step-four/step-four.component.ts | 11 ------- .../step-seven/step-seven.component.html | 29 +++++++++++++++++++ .../step-seven/step-seven.component.scss | 0 .../step-seven/step-seven.component.spec.ts | 24 +++++++++++++++ .../steps/step-seven/step-seven.component.ts | 26 +++++++++++++++++ .../steps/step-six/step-six.component.html | 1 + .../steps/step-six/step-six.component.scss | 0 .../steps/step-six/step-six.component.spec.ts | 24 +++++++++++++++ .../form/steps/step-six/step-six.component.ts | 15 ++++++++++ .../form/text-list/text-list.component.html | 1 + .../form/text-list/text-list.component.scss | 0 .../text-list/text-list.component.spec.ts | 24 +++++++++++++++ .../form/text-list/text-list.component.ts | 12 ++++++++ .../consultation-landing.component.html | 28 ++++++++++++++++++ .../consultation-landing.component.scss | 0 .../consultation-landing.component.spec.ts | 24 +++++++++++++++ .../consultation-landing.component.ts | 13 +++++++++ .../consultation-routing.module.ts | 18 ++++++++---- .../consultation-user.component.html | 26 +++++++++++++++++ .../consultation-user.component.scss | 0 .../consultation-user.component.spec.ts | 24 +++++++++++++++ .../consultation-user.component.ts | 13 +++++++++ .../consultation/consultation.module.ts | 6 ++++ .../success/success.component.html | 18 ++++++++++++ .../success/success.component.scss | 0 .../success/success.component.spec.ts | 24 +++++++++++++++ .../consultation/success/success.component.ts | 13 +++++++++ 41 files changed, 484 insertions(+), 17 deletions(-) create mode 100644 src/app/features/administration/actions-menu/actions-menu.component.html create mode 100644 src/app/features/administration/actions-menu/actions-menu.component.scss create mode 100644 src/app/features/administration/actions-menu/actions-menu.component.spec.ts create mode 100644 src/app/features/administration/actions-menu/actions-menu.component.ts create mode 100644 src/app/features/administration/form/hours/hours.component.html create mode 100644 src/app/features/administration/form/hours/hours.component.scss create mode 100644 src/app/features/administration/form/hours/hours.component.spec.ts create mode 100644 src/app/features/administration/form/hours/hours.component.ts create mode 100644 src/app/features/administration/form/option-link/option-link.component.html create mode 100644 src/app/features/administration/form/option-link/option-link.component.scss create mode 100644 src/app/features/administration/form/option-link/option-link.component.spec.ts create mode 100644 src/app/features/administration/form/option-link/option-link.component.ts create mode 100644 src/app/features/administration/form/steps/step-seven/step-seven.component.html create mode 100644 src/app/features/administration/form/steps/step-seven/step-seven.component.scss create mode 100644 src/app/features/administration/form/steps/step-seven/step-seven.component.spec.ts create mode 100644 src/app/features/administration/form/steps/step-seven/step-seven.component.ts create mode 100644 src/app/features/administration/form/steps/step-six/step-six.component.html create mode 100644 src/app/features/administration/form/steps/step-six/step-six.component.scss create mode 100644 src/app/features/administration/form/steps/step-six/step-six.component.spec.ts create mode 100644 src/app/features/administration/form/steps/step-six/step-six.component.ts create mode 100644 src/app/features/administration/form/text-list/text-list.component.html create mode 100644 src/app/features/administration/form/text-list/text-list.component.scss create mode 100644 src/app/features/administration/form/text-list/text-list.component.spec.ts create mode 100644 src/app/features/administration/form/text-list/text-list.component.ts create mode 100644 src/app/features/consultation/consultation-landing/consultation-landing.component.html create mode 100644 src/app/features/consultation/consultation-landing/consultation-landing.component.scss create mode 100644 src/app/features/consultation/consultation-landing/consultation-landing.component.spec.ts create mode 100644 src/app/features/consultation/consultation-landing/consultation-landing.component.ts create mode 100644 src/app/features/consultation/consultation-user/consultation-user.component.html create mode 100644 src/app/features/consultation/consultation-user/consultation-user.component.scss create mode 100644 src/app/features/consultation/consultation-user/consultation-user.component.spec.ts create mode 100644 src/app/features/consultation/consultation-user/consultation-user.component.ts create mode 100644 src/app/features/consultation/success/success.component.html create mode 100644 src/app/features/consultation/success/success.component.scss create mode 100644 src/app/features/consultation/success/success.component.spec.ts create mode 100644 src/app/features/consultation/success/success.component.ts diff --git a/src/app/features/administration/actions-menu/actions-menu.component.html b/src/app/features/administration/actions-menu/actions-menu.component.html new file mode 100644 index 00000000..ea1e4c12 --- /dev/null +++ b/src/app/features/administration/actions-menu/actions-menu.component.html @@ -0,0 +1 @@ +

actions-menu works!

diff --git a/src/app/features/administration/actions-menu/actions-menu.component.scss b/src/app/features/administration/actions-menu/actions-menu.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/src/app/features/administration/actions-menu/actions-menu.component.spec.ts b/src/app/features/administration/actions-menu/actions-menu.component.spec.ts new file mode 100644 index 00000000..e5621920 --- /dev/null +++ b/src/app/features/administration/actions-menu/actions-menu.component.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ActionsMenuComponent } from './actions-menu.component'; + +describe('ActionsMenuComponent', () => { + let component: ActionsMenuComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ActionsMenuComponent], + }).compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(ActionsMenuComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/features/administration/actions-menu/actions-menu.component.ts b/src/app/features/administration/actions-menu/actions-menu.component.ts new file mode 100644 index 00000000..5eee4780 --- /dev/null +++ b/src/app/features/administration/actions-menu/actions-menu.component.ts @@ -0,0 +1,12 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-actions-menu', + templateUrl: './actions-menu.component.html', + styleUrls: ['./actions-menu.component.scss'], +}) +export class ActionsMenuComponent implements OnInit { + constructor() {} + + ngOnInit(): void {} +} diff --git a/src/app/features/administration/administration-routing.module.ts b/src/app/features/administration/administration-routing.module.ts index 4676f048..b26342f2 100644 --- a/src/app/features/administration/administration-routing.module.ts +++ b/src/app/features/administration/administration-routing.module.ts @@ -9,6 +9,8 @@ import { StepFiveComponent } from './form/steps/step-five/step-five.component'; import { StepOneComponent } from './form/steps/step-one/step-one.component'; import { SuccessComponent } from './success/success.component'; import { AdminConsultationComponent } from './consultation/consultation.component'; +import { StepSixComponent } from './form/steps/step-six/step-six.component'; +import { StepSevenComponent } from './form/steps/step-seven/step-seven.component'; const routes: Routes = [ { @@ -24,6 +26,8 @@ const routes: Routes = [ { path: '3', component: StepThreeComponent }, { path: '4', component: StepFourComponent }, { path: '5', component: StepFiveComponent }, + { path: '6', component: StepSixComponent }, + { path: '7', component: StepSevenComponent }, ], }, { diff --git a/src/app/features/administration/administration.module.ts b/src/app/features/administration/administration.module.ts index c310d712..ff358ddf 100644 --- a/src/app/features/administration/administration.module.ts +++ b/src/app/features/administration/administration.module.ts @@ -29,6 +29,12 @@ import { PickerComponent } from './form/date/picker/picker.component'; import { TimeListComponent } from './form/date/list/time/time-list.component'; import { AdminConsultationComponent } from './consultation/consultation.component'; import { ConfirmDialogModule } from 'primeng/confirmdialog'; +import { StepSixComponent } from './form/steps/step-six/step-six.component'; +import { StepSevenComponent } from './form/steps/step-seven/step-seven.component'; +import { OptionLinkComponent } from './form/option-link/option-link.component'; +import { TextListComponent } from './form/text-list/text-list.component'; +import { HoursComponent } from './form/hours/hours.component'; +import { ActionsMenuComponent } from './actions-menu/actions-menu.component'; @NgModule({ declarations: [ @@ -53,6 +59,12 @@ import { ConfirmDialogModule } from 'primeng/confirmdialog'; PickerComponent, TimeListComponent, AdminConsultationComponent, + StepSixComponent, + StepSevenComponent, + OptionLinkComponent, + TextListComponent, + HoursComponent, + ActionsMenuComponent, ], imports: [ AdministrationRoutingModule, diff --git a/src/app/features/administration/form/hours/hours.component.html b/src/app/features/administration/form/hours/hours.component.html new file mode 100644 index 00000000..ad8914fb --- /dev/null +++ b/src/app/features/administration/form/hours/hours.component.html @@ -0,0 +1 @@ +

hours works!

diff --git a/src/app/features/administration/form/hours/hours.component.scss b/src/app/features/administration/form/hours/hours.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/src/app/features/administration/form/hours/hours.component.spec.ts b/src/app/features/administration/form/hours/hours.component.spec.ts new file mode 100644 index 00000000..14b969bf --- /dev/null +++ b/src/app/features/administration/form/hours/hours.component.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { HoursComponent } from './hours.component'; + +describe('HoursComponent', () => { + let component: HoursComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [HoursComponent], + }).compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(HoursComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/features/administration/form/hours/hours.component.ts b/src/app/features/administration/form/hours/hours.component.ts new file mode 100644 index 00000000..2d623bbc --- /dev/null +++ b/src/app/features/administration/form/hours/hours.component.ts @@ -0,0 +1,12 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-hours', + templateUrl: './hours.component.html', + styleUrls: ['./hours.component.scss'], +}) +export class HoursComponent implements OnInit { + constructor() {} + + ngOnInit(): void {} +} diff --git a/src/app/features/administration/form/option-link/option-link.component.html b/src/app/features/administration/form/option-link/option-link.component.html new file mode 100644 index 00000000..5e270125 --- /dev/null +++ b/src/app/features/administration/form/option-link/option-link.component.html @@ -0,0 +1 @@ +

option-link works!

diff --git a/src/app/features/administration/form/option-link/option-link.component.scss b/src/app/features/administration/form/option-link/option-link.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/src/app/features/administration/form/option-link/option-link.component.spec.ts b/src/app/features/administration/form/option-link/option-link.component.spec.ts new file mode 100644 index 00000000..8650eda9 --- /dev/null +++ b/src/app/features/administration/form/option-link/option-link.component.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { OptionLinkComponent } from './option-link.component'; + +describe('OptionLinkComponent', () => { + let component: OptionLinkComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [OptionLinkComponent], + }).compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(OptionLinkComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/features/administration/form/option-link/option-link.component.ts b/src/app/features/administration/form/option-link/option-link.component.ts new file mode 100644 index 00000000..3c4ee37a --- /dev/null +++ b/src/app/features/administration/form/option-link/option-link.component.ts @@ -0,0 +1,12 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-option-link', + templateUrl: './option-link.component.html', + styleUrls: ['./option-link.component.scss'], +}) +export class OptionLinkComponent implements OnInit { + constructor() {} + + ngOnInit(): void {} +} diff --git a/src/app/features/administration/form/steps/step-four/step-four.component.ts b/src/app/features/administration/form/steps/step-four/step-four.component.ts index 127e9a62..c6d717be 100644 --- a/src/app/features/administration/form/steps/step-four/step-four.component.ts +++ b/src/app/features/administration/form/steps/step-four/step-four.component.ts @@ -21,15 +21,4 @@ export class StepFourComponent implements OnInit { } ngOnInit(): void {} - - createPoll() { - this.pollService.createPoll().then( - (resp) => { - this.router.navigate(['administration/success']); - }, - (err) => { - console.error('oops err', err); - } - ); - } } diff --git a/src/app/features/administration/form/steps/step-seven/step-seven.component.html b/src/app/features/administration/form/steps/step-seven/step-seven.component.html new file mode 100644 index 00000000..427d381b --- /dev/null +++ b/src/app/features/administration/form/steps/step-seven/step-seven.component.html @@ -0,0 +1,29 @@ +
+

+ Voici le résumé de votre sondage +

+

+ En cliquant sur le bouton « Modifier » d’une section vous serez renvoyé à l’étape correspondante de la création + du sondage. Vous devrez repasser par toutes les étapes suivante. +
+ Mais rassurez-vous, vous n’aurez pas à tout remplir à nouveau. +

+
+

Mes informations générales

+

Mon type de sondage

+

Mes dates et horaires

+

Mes paramètres et options de notifications

+

Mon nom et mon adresse e-mail

+
+
+ +
+
+ +
+
diff --git a/src/app/features/administration/form/steps/step-seven/step-seven.component.scss b/src/app/features/administration/form/steps/step-seven/step-seven.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/src/app/features/administration/form/steps/step-seven/step-seven.component.spec.ts b/src/app/features/administration/form/steps/step-seven/step-seven.component.spec.ts new file mode 100644 index 00000000..7979511d --- /dev/null +++ b/src/app/features/administration/form/steps/step-seven/step-seven.component.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { StepSevenComponent } from './step-seven.component'; + +describe('StepSevenComponent', () => { + let component: StepSevenComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [StepSevenComponent], + }).compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(StepSevenComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/features/administration/form/steps/step-seven/step-seven.component.ts b/src/app/features/administration/form/steps/step-seven/step-seven.component.ts new file mode 100644 index 00000000..08b49f94 --- /dev/null +++ b/src/app/features/administration/form/steps/step-seven/step-seven.component.ts @@ -0,0 +1,26 @@ +import { Component, OnInit } from '@angular/core'; +import { Router } from '@angular/router'; +import { PollService } from '../../../../../core/services/poll.service'; + +@Component({ + selector: 'app-step-seven', + templateUrl: './step-seven.component.html', + styleUrls: ['./step-seven.component.scss'], +}) +export class StepSevenComponent implements OnInit { + constructor(private router: Router, public pollService: PollService) { + this.pollService.step_current = 7; + } + + ngOnInit(): void {} + createPoll() { + this.pollService.createPoll().then( + (resp) => { + this.router.navigate(['administration/success']); + }, + (err) => { + console.error('oops err', err); + } + ); + } +} diff --git a/src/app/features/administration/form/steps/step-six/step-six.component.html b/src/app/features/administration/form/steps/step-six/step-six.component.html new file mode 100644 index 00000000..18692991 --- /dev/null +++ b/src/app/features/administration/form/steps/step-six/step-six.component.html @@ -0,0 +1 @@ +

step-six works!

diff --git a/src/app/features/administration/form/steps/step-six/step-six.component.scss b/src/app/features/administration/form/steps/step-six/step-six.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/src/app/features/administration/form/steps/step-six/step-six.component.spec.ts b/src/app/features/administration/form/steps/step-six/step-six.component.spec.ts new file mode 100644 index 00000000..4cb50daf --- /dev/null +++ b/src/app/features/administration/form/steps/step-six/step-six.component.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { StepSixComponent } from './step-six.component'; + +describe('StepSixComponent', () => { + let component: StepSixComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [StepSixComponent], + }).compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(StepSixComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/features/administration/form/steps/step-six/step-six.component.ts b/src/app/features/administration/form/steps/step-six/step-six.component.ts new file mode 100644 index 00000000..cbe4ea30 --- /dev/null +++ b/src/app/features/administration/form/steps/step-six/step-six.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; +import { PollService } from '../../../../../core/services/poll.service'; + +@Component({ + selector: 'app-step-six', + templateUrl: './step-six.component.html', + styleUrls: ['./step-six.component.scss'], +}) +export class StepSixComponent implements OnInit { + constructor(public pollService: PollService) { + this.pollService.step_current = 6; + } + + ngOnInit(): void {} +} diff --git a/src/app/features/administration/form/text-list/text-list.component.html b/src/app/features/administration/form/text-list/text-list.component.html new file mode 100644 index 00000000..2ee9518e --- /dev/null +++ b/src/app/features/administration/form/text-list/text-list.component.html @@ -0,0 +1 @@ +

text-list works!

diff --git a/src/app/features/administration/form/text-list/text-list.component.scss b/src/app/features/administration/form/text-list/text-list.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/src/app/features/administration/form/text-list/text-list.component.spec.ts b/src/app/features/administration/form/text-list/text-list.component.spec.ts new file mode 100644 index 00000000..5af54629 --- /dev/null +++ b/src/app/features/administration/form/text-list/text-list.component.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { TextListComponent } from './text-list.component'; + +describe('TextListComponent', () => { + let component: TextListComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [TextListComponent], + }).compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(TextListComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/features/administration/form/text-list/text-list.component.ts b/src/app/features/administration/form/text-list/text-list.component.ts new file mode 100644 index 00000000..36fec394 --- /dev/null +++ b/src/app/features/administration/form/text-list/text-list.component.ts @@ -0,0 +1,12 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-text-list', + templateUrl: './text-list.component.html', + styleUrls: ['./text-list.component.scss'], +}) +export class TextListComponent implements OnInit { + constructor() {} + + ngOnInit(): void {} +} diff --git a/src/app/features/consultation/consultation-landing/consultation-landing.component.html b/src/app/features/consultation/consultation-landing/consultation-landing.component.html new file mode 100644 index 00000000..539137c6 --- /dev/null +++ b/src/app/features/consultation/consultation-landing/consultation-landing.component.html @@ -0,0 +1,28 @@ +
+

+ [nom créateur] vous invite à participer à son sondage +

+
+
+ Nom du créateur +
+

+ Quand pour le resto ? +

+

+ Si l’administrateur du sondage a ajouter une description elle sera affiché ici. +

+

+ Fin du sondage le + + 14/11/2021 + +

+ +
+
diff --git a/src/app/features/consultation/consultation-landing/consultation-landing.component.scss b/src/app/features/consultation/consultation-landing/consultation-landing.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/src/app/features/consultation/consultation-landing/consultation-landing.component.spec.ts b/src/app/features/consultation/consultation-landing/consultation-landing.component.spec.ts new file mode 100644 index 00000000..384ac81a --- /dev/null +++ b/src/app/features/consultation/consultation-landing/consultation-landing.component.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ConsultationLandingComponent } from './consultation-landing.component'; + +describe('ConsultationLandingComponent', () => { + let component: ConsultationLandingComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ConsultationLandingComponent], + }).compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(ConsultationLandingComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/features/consultation/consultation-landing/consultation-landing.component.ts b/src/app/features/consultation/consultation-landing/consultation-landing.component.ts new file mode 100644 index 00000000..6a31c7e3 --- /dev/null +++ b/src/app/features/consultation/consultation-landing/consultation-landing.component.ts @@ -0,0 +1,13 @@ +import { Component, OnInit } from '@angular/core'; +import { PollService } from '../../../core/services/poll.service'; + +@Component({ + selector: 'app-consultation-landing', + templateUrl: './consultation-landing.component.html', + styleUrls: ['./consultation-landing.component.scss'], +}) +export class ConsultationLandingComponent implements OnInit { + constructor(public pollService: PollService) {} + + ngOnInit(): void {} +} diff --git a/src/app/features/consultation/consultation-routing.module.ts b/src/app/features/consultation/consultation-routing.module.ts index 66d7647b..72568688 100644 --- a/src/app/features/consultation/consultation-routing.module.ts +++ b/src/app/features/consultation/consultation-routing.module.ts @@ -4,18 +4,24 @@ import { RouterModule, Routes } from '@angular/router'; import { ConsultationComponent } from './consultation.component'; import { WipTodoComponent } from '../../shared/components/ui/wip-todo/wip-todo.component'; import { PasswordPromptComponent } from './password/password-prompt/password-prompt.component'; +import { ConsultationLandingComponent } from './consultation-landing/consultation-landing.component'; +import { SuccessComponent } from './success/success.component'; +import { ConsultationUserComponent } from './consultation-user/consultation-user.component'; const routes: Routes = [ - { path: 'secure/:pass_hash', component: ConsultationComponent }, + { + path: '', + component: ConsultationLandingComponent, + children: [], + }, + { path: 'secure/:pass_hash', component: ConsultationComponent }, { path: 'prompt', component: PasswordPromptComponent }, { path: 'simple', component: WipTodoComponent }, { path: 'table', component: WipTodoComponent }, - { - path: '', - component: ConsultationComponent, - children: [], - }, + + { path: 'user-info', component: ConsultationUserComponent }, + { path: 'success', component: SuccessComponent }, ]; @NgModule({ imports: [RouterModule.forChild(routes)], diff --git a/src/app/features/consultation/consultation-user/consultation-user.component.html b/src/app/features/consultation/consultation-user/consultation-user.component.html new file mode 100644 index 00000000..701a91b8 --- /dev/null +++ b/src/app/features/consultation/consultation-user/consultation-user.component.html @@ -0,0 +1,26 @@ +
+

+ Dites à l’organisateur et aux autres participants qui vous êtes ! +

+ + + + + +
+
+ +
+
+ +
+
+
diff --git a/src/app/features/consultation/consultation-user/consultation-user.component.scss b/src/app/features/consultation/consultation-user/consultation-user.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/src/app/features/consultation/consultation-user/consultation-user.component.spec.ts b/src/app/features/consultation/consultation-user/consultation-user.component.spec.ts new file mode 100644 index 00000000..78c32ea4 --- /dev/null +++ b/src/app/features/consultation/consultation-user/consultation-user.component.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ConsultationUserComponent } from './consultation-user.component'; + +describe('ConsultationUserComponent', () => { + let component: ConsultationUserComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ConsultationUserComponent], + }).compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(ConsultationUserComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/features/consultation/consultation-user/consultation-user.component.ts b/src/app/features/consultation/consultation-user/consultation-user.component.ts new file mode 100644 index 00000000..2b3f729d --- /dev/null +++ b/src/app/features/consultation/consultation-user/consultation-user.component.ts @@ -0,0 +1,13 @@ +import { Component, OnInit } from '@angular/core'; +import { PollService } from '../../../core/services/poll.service'; + +@Component({ + selector: 'app-consultation-user', + templateUrl: './consultation-user.component.html', + styleUrls: ['./consultation-user.component.scss'], +}) +export class ConsultationUserComponent implements OnInit { + constructor(public pollService: PollService) {} + + ngOnInit(): void {} +} diff --git a/src/app/features/consultation/consultation.module.ts b/src/app/features/consultation/consultation.module.ts index 7b5cfcb8..57aa22ef 100644 --- a/src/app/features/consultation/consultation.module.ts +++ b/src/app/features/consultation/consultation.module.ts @@ -11,6 +11,9 @@ import { ChoiceButtonComponent } from '../../shared/components/choice-item/choic import { PasswordPromptComponent } from './password/password-prompt/password-prompt.component'; import { ChoiceDetailsComponent } from '../../shared/components/choice-details/choice-details.component'; import { CoreModule } from '../../core/core.module'; +import { ConsultationLandingComponent } from './consultation-landing/consultation-landing.component'; +import { ConsultationUserComponent } from './consultation-user/consultation-user.component'; +import { SuccessComponent } from './success/success.component'; @NgModule({ declarations: [ @@ -19,6 +22,9 @@ import { CoreModule } from '../../core/core.module'; PollResultsDetailedComponent, ChoiceButtonComponent, PasswordPromptComponent, + ConsultationLandingComponent, + ConsultationUserComponent, + SuccessComponent, ], imports: [CommonModule, ConsultationRoutingModule, SharedModule, TranslateModule.forChild({ extend: true })], }) diff --git a/src/app/features/consultation/success/success.component.html b/src/app/features/consultation/success/success.component.html new file mode 100644 index 00000000..097073ab --- /dev/null +++ b/src/app/features/consultation/success/success.component.html @@ -0,0 +1,18 @@ +
+

+ Votre participation a bien été prise en compte ! +

+

+ Vous avez participé au sondage « Quand pour le resto ? ». Vous pouvez modifier vos votes, voir les votes des + autres participants ou échanger des messages avec eux. Pour ça, cliquez sur « Voir le sondage ». +

+ + +
diff --git a/src/app/features/consultation/success/success.component.scss b/src/app/features/consultation/success/success.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/src/app/features/consultation/success/success.component.spec.ts b/src/app/features/consultation/success/success.component.spec.ts new file mode 100644 index 00000000..1e4f6a41 --- /dev/null +++ b/src/app/features/consultation/success/success.component.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { SuccessComponent } from './success.component'; + +describe('SuccessComponent', () => { + let component: SuccessComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [SuccessComponent], + }).compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(SuccessComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/features/consultation/success/success.component.ts b/src/app/features/consultation/success/success.component.ts new file mode 100644 index 00000000..9b3f6255 --- /dev/null +++ b/src/app/features/consultation/success/success.component.ts @@ -0,0 +1,13 @@ +import { Component, OnInit } from '@angular/core'; +import { PollService } from '../../../core/services/poll.service'; + +@Component({ + selector: 'app-success', + templateUrl: './success.component.html', + styleUrls: ['./success.component.scss'], +}) +export class SuccessComponent implements OnInit { + constructor(public pollService: PollService) {} + + ngOnInit(): void {} +} From 56b48038e0eb806bc5cbe0ea37f17cb89c44eeef Mon Sep 17 00:00:00 2001 From: Tykayn Date: Thu, 18 Nov 2021 10:02:13 +0100 Subject: [PATCH 2/7] move consultation action buttons in actions-menu component --- .../actions-menu/actions-menu.component.html | 56 ++++++++++++++++++- .../actions-menu/actions-menu.component.ts | 40 ++++++++++++- .../administration/administration.module.ts | 1 + .../consultation/consultation.component.html | 51 +++-------------- .../consultation/consultation.component.ts | 19 ------- .../consultation/consultation.module.ts | 9 ++- 6 files changed, 110 insertions(+), 66 deletions(-) diff --git a/src/app/features/administration/actions-menu/actions-menu.component.html b/src/app/features/administration/actions-menu/actions-menu.component.html index ea1e4c12..5ab65818 100644 --- a/src/app/features/administration/actions-menu/actions-menu.component.html +++ b/src/app/features/administration/actions-menu/actions-menu.component.html @@ -1 +1,55 @@ -

actions-menu works!

+
+ + + + + + + + +
+ +
+
+ + + +
+
diff --git a/src/app/features/administration/actions-menu/actions-menu.component.ts b/src/app/features/administration/actions-menu/actions-menu.component.ts index 5eee4780..7706469d 100644 --- a/src/app/features/administration/actions-menu/actions-menu.component.ts +++ b/src/app/features/administration/actions-menu/actions-menu.component.ts @@ -1,4 +1,11 @@ import { Component, OnInit } from '@angular/core'; +import { ActivatedRoute, Router } from '@angular/router'; +import { PollUtilitiesService } from '../../../core/services/poll.utilities.service'; +import { StorageService } from '../../../core/services/storage.service'; +import { ApiService } from '../../../core/services/api.service'; +import { PollService } from '../../../core/services/poll.service'; +import { DateService } from '../../../core/services/date.service'; +import { ToastService } from '../../../core/services/toast.service'; @Component({ selector: 'app-actions-menu', @@ -6,7 +13,38 @@ import { Component, OnInit } from '@angular/core'; styleUrls: ['./actions-menu.component.scss'], }) export class ActionsMenuComponent implements OnInit { - constructor() {} + constructor( + private router: Router, + private utils: PollUtilitiesService, + private _Activatedroute: ActivatedRoute, + public storageService: StorageService, + public api: ApiService, + public pollService: PollService, + public dateService: DateService, + public toastService: ToastService + ) {} ngOnInit(): void {} + + /** + * export all the poll data available to the public as a CSV single file + */ + exportCSV(): void { + this.utils.exportCSV(this.pollService._poll.getValue()); + } + + exportJson(): void { + this.utils.download( + 'export_poll_' + this.pollService._poll.getValue().custom_url + '.json', + JSON.stringify(this.pollService._poll.getValue()) + ); + } + + duplicate(): void { + alert('TODO'); + } + + print(): void { + alert('TODO'); + } } diff --git a/src/app/features/administration/administration.module.ts b/src/app/features/administration/administration.module.ts index ff358ddf..dff20f0b 100644 --- a/src/app/features/administration/administration.module.ts +++ b/src/app/features/administration/administration.module.ts @@ -77,5 +77,6 @@ import { ActionsMenuComponent } from './actions-menu/actions-menu.component'; DragDropModule, ConfirmDialogModule, ], + exports: [ActionsMenuComponent], }) export class AdministrationModule {} diff --git a/src/app/features/consultation/consultation.component.html b/src/app/features/consultation/consultation.component.html index 6447b16e..5d769b1f 100644 --- a/src/app/features/consultation/consultation.component.html +++ b/src/app/features/consultation/consultation.component.html @@ -37,40 +37,7 @@

author : {{ poll.owner?.pseudo }}

- - - - - - -
- -
+
@@ -120,13 +87,11 @@ - - - - diff --git a/src/app/features/consultation/consultation.component.ts b/src/app/features/consultation/consultation.component.ts index 63195644..b227b4c8 100644 --- a/src/app/features/consultation/consultation.component.ts +++ b/src/app/features/consultation/consultation.component.ts @@ -139,23 +139,4 @@ export class ConsultationComponent implements OnInit, OnDestroy { this.toastService.display('erreur à l enregistrement'); } } - - /** - * export all the poll data available to the public as a CSV single file - */ - exportCSV(): void { - this.utils.exportCSV(this.poll); - } - - exportJson(): void { - this.utils.download('export_poll_' + this.pollSlug + '.json', JSON.stringify(this.poll)); - } - - duplicate(): void { - alert('TODO'); - } - - print(): void { - alert('TODO'); - } } diff --git a/src/app/features/consultation/consultation.module.ts b/src/app/features/consultation/consultation.module.ts index 57aa22ef..9c2d7450 100644 --- a/src/app/features/consultation/consultation.module.ts +++ b/src/app/features/consultation/consultation.module.ts @@ -14,6 +14,7 @@ import { CoreModule } from '../../core/core.module'; import { ConsultationLandingComponent } from './consultation-landing/consultation-landing.component'; import { ConsultationUserComponent } from './consultation-user/consultation-user.component'; import { SuccessComponent } from './success/success.component'; +import { AdministrationModule } from '../administration/administration.module'; @NgModule({ declarations: [ @@ -26,6 +27,12 @@ import { SuccessComponent } from './success/success.component'; ConsultationUserComponent, SuccessComponent, ], - imports: [CommonModule, ConsultationRoutingModule, SharedModule, TranslateModule.forChild({ extend: true })], + imports: [ + CommonModule, + ConsultationRoutingModule, + SharedModule, + TranslateModule.forChild({ extend: true }), + AdministrationModule, + ], }) export class ConsultationModule {} From 26109ee368b24ea284423a24ed82c9e4f687b9dc Mon Sep 17 00:00:00 2001 From: Tykayn Date: Thu, 18 Nov 2021 10:31:50 +0100 Subject: [PATCH 3/7] todo actions menu --- .../actions-menu/actions-menu.component.html | 6 ++--- .../actions-menu/actions-menu.component.ts | 22 +++++++++++++++++++ 2 files changed, 25 insertions(+), 3 deletions(-) diff --git a/src/app/features/administration/actions-menu/actions-menu.component.html b/src/app/features/administration/actions-menu/actions-menu.component.html index 5ab65818..c6766ed8 100644 --- a/src/app/features/administration/actions-menu/actions-menu.component.html +++ b/src/app/features/administration/actions-menu/actions-menu.component.html @@ -39,15 +39,15 @@
- - - diff --git a/src/app/features/administration/actions-menu/actions-menu.component.ts b/src/app/features/administration/actions-menu/actions-menu.component.ts index 7706469d..6e28aed1 100644 --- a/src/app/features/administration/actions-menu/actions-menu.component.ts +++ b/src/app/features/administration/actions-menu/actions-menu.component.ts @@ -6,6 +6,7 @@ import { ApiService } from '../../../core/services/api.service'; import { PollService } from '../../../core/services/poll.service'; import { DateService } from '../../../core/services/date.service'; import { ToastService } from '../../../core/services/toast.service'; +import { ConfirmationService } from 'primeng/api'; @Component({ selector: 'app-actions-menu', @@ -17,6 +18,7 @@ export class ActionsMenuComponent implements OnInit { private router: Router, private utils: PollUtilitiesService, private _Activatedroute: ActivatedRoute, + private confirmationService: ConfirmationService, public storageService: StorageService, public api: ApiService, public pollService: PollService, @@ -47,4 +49,24 @@ export class ActionsMenuComponent implements OnInit { print(): void { alert('TODO'); } + + deleteAllVotes() { + this.confirmationService.confirm({ + message: 'Supprimer tous les votes de ce sondage?', + accept: () => { + alert('TODO'); + console.log('TODO'); + }, + }); + } + + deleteAllComments() { + alert('TODO'); + console.log('TODO'); + } + + deletePoll() { + alert('TODO'); + console.log('TODO'); + } } From 56397d5a2c9fb1fcc1ca44e1e5d7ea1b7b42f759 Mon Sep 17 00:00:00 2001 From: Tykayn Date: Thu, 18 Nov 2021 10:49:55 +0100 Subject: [PATCH 4/7] colors on datepicker --- .../steps/step-four/step-four.component.html | 10 ++-- .../step-seven/step-seven.component.html | 52 ++++++++++--------- .../steps/step-six/step-six.component.html | 35 ++++++++++++- .../steps/step-three/step-three.component.ts | 2 +- .../consultation-landing.component.html | 7 +-- .../consultation/consultation.component.ts | 4 +- src/styles/partials/_forms.scss | 12 ++++- 7 files changed, 85 insertions(+), 37 deletions(-) diff --git a/src/app/features/administration/form/steps/step-four/step-four.component.html b/src/app/features/administration/form/steps/step-four/step-four.component.html index d14f8656..351f2f8e 100644 --- a/src/app/features/administration/form/steps/step-four/step-four.component.html +++ b/src/app/features/administration/form/steps/step-four/step-four.component.html @@ -51,13 +51,17 @@
-
diff --git a/src/app/features/administration/form/steps/step-seven/step-seven.component.html b/src/app/features/administration/form/steps/step-seven/step-seven.component.html index 427d381b..55fce17c 100644 --- a/src/app/features/administration/form/steps/step-seven/step-seven.component.html +++ b/src/app/features/administration/form/steps/step-seven/step-seven.component.html @@ -1,29 +1,31 @@
-

- Voici le résumé de votre sondage -

-

- En cliquant sur le bouton « Modifier » d’une section vous serez renvoyé à l’étape correspondante de la création - du sondage. Vous devrez repasser par toutes les étapes suivante. -
- Mais rassurez-vous, vous n’aurez pas à tout remplir à nouveau. -

-
-

Mes informations générales

-

Mon type de sondage

-

Mes dates et horaires

-

Mes paramètres et options de notifications

-

Mon nom et mon adresse e-mail

-
- -
-
- +

+ Voici le résumé de votre sondage +

+

+ En cliquant sur le bouton « Modifier » d’une section vous serez renvoyé à l’étape correspondante de la + création du sondage. Vous devrez repasser par toutes les étapes suivante. +
+ Mais rassurez-vous, vous n’aurez pas à tout remplir à nouveau. +

+
+

Mes informations générales

+

Mon type de sondage

+

Mes dates et horaires

+

Mes paramètres et options de notifications

+

Mon nom et mon adresse e-mail

+
+
+ +
+
+ +
diff --git a/src/app/features/administration/form/steps/step-six/step-six.component.html b/src/app/features/administration/form/steps/step-six/step-six.component.html index 18692991..3b8e999d 100644 --- a/src/app/features/administration/form/steps/step-six/step-six.component.html +++ b/src/app/features/administration/form/steps/step-six/step-six.component.html @@ -1 +1,34 @@ -

step-six works!

+
+
+
+ +

+ Dites à vos participants qui vous êtes ! +

+ + + + +
+
+
+
+ +
+
+ +
+
+
diff --git a/src/app/features/administration/form/steps/step-three/step-three.component.ts b/src/app/features/administration/form/steps/step-three/step-three.component.ts index 516af21a..a91a379d 100644 --- a/src/app/features/administration/form/steps/step-three/step-three.component.ts +++ b/src/app/features/administration/form/steps/step-three/step-three.component.ts @@ -12,7 +12,7 @@ export class StepThreeComponent implements OnInit { step_max: any; @Input() form: any; - public mode_calendar = false; + public mode_calendar = true; constructor(public pollService: PollService) { this.pollService.step_current = 3; diff --git a/src/app/features/consultation/consultation-landing/consultation-landing.component.html b/src/app/features/consultation/consultation-landing/consultation-landing.component.html index 539137c6..ed3f01f9 100644 --- a/src/app/features/consultation/consultation-landing/consultation-landing.component.html +++ b/src/app/features/consultation/consultation-landing/consultation-landing.component.html @@ -1,13 +1,14 @@

- [nom créateur] vous invite à participer à son sondage + + vous invite à participer à son sondage

- Nom du créateur +

- Quand pour le resto ? + {{ pollService.poll.title }}

Si l’administrateur du sondage a ajouter une description elle sera affiché ici. diff --git a/src/app/features/consultation/consultation.component.ts b/src/app/features/consultation/consultation.component.ts index b227b4c8..dbd84ccc 100644 --- a/src/app/features/consultation/consultation.component.ts +++ b/src/app/features/consultation/consultation.component.ts @@ -15,8 +15,8 @@ import { ToastService } from '../../core/services/toast.service'; styleUrls: ['./consultation.component.scss'], }) export class ConsultationComponent implements OnInit, OnDestroy { - public isCompactMode = false; - // public isCompactMode = true; + // public isCompactMode = false; + public isCompactMode = true; public poll: Poll; public pollSlug: string; public pass_hash: string; diff --git a/src/styles/partials/_forms.scss b/src/styles/partials/_forms.scss index 4f67a6da..f354db1d 100644 --- a/src/styles/partials/_forms.scss +++ b/src/styles/partials/_forms.scss @@ -271,6 +271,14 @@ mat-checkbox { padding: 0.5em; margin: 1em auto; + .p-datepicker-title, + .p-datepicker-calendar thead tr th span { + color: $secondary_color !important; + text-align: center; + width: 100%; + display: block; + } + p-button, button { border: solid 1px $secondary_color !important; @@ -287,9 +295,9 @@ mat-checkbox { border-right: 1px solid $secondary_color; } - .p-datepicker-today td span { + .p-datepicker-today span { font-weight: bold; - border: solid 3px $secondary_color; + border: solid 3px $secondary_color !important; background: $white; } From f26a6d782641303b4eb46dc1899c969c72ae21f0 Mon Sep 17 00:00:00 2001 From: Tykayn Date: Thu, 18 Nov 2021 11:22:44 +0100 Subject: [PATCH 5/7] select dates text integration colors --- .../date/list/day/day-list.component.html | 38 ++++++--- .../date/list/day/day-list.component.scss | 54 +++++++++++-- .../steps/step-three/step-three.component.ts | 2 +- src/styles/partials/_datepicker.scss | 80 +++++++++++++++++++ src/styles/partials/_forms.scss | 78 +----------------- src/styles/variables.scss | 5 +- 6 files changed, 162 insertions(+), 95 deletions(-) create mode 100644 src/styles/partials/_datepicker.scss diff --git a/src/app/features/administration/form/date/list/day/day-list.component.html b/src/app/features/administration/form/date/list/day/day-list.component.html index ad4a1229..fcee1119 100644 --- a/src/app/features/administration/form/date/list/day/day-list.component.html +++ b/src/app/features/administration/form/date/list/day/day-list.component.html @@ -2,7 +2,8 @@

-
@@ -21,12 +22,23 @@ cdkDrag [ngClass]="{ 'day-weekend': isWeekendDay(choice.date_object) }" > - - - - {{ choice.date_object | date: 'E':'Europe/Paris':'fr_FR' }} - - + + + + + + +
+
+ +
+
+ JJ/MM/AAAA +
+
+ - -
- +
+
+ + Supprimer la date +

- -
-
- +

+ Voici le résumé de votre sondage +

+

+ En cliquant sur le bouton « Modifier » d’une section vous serez renvoyé à l’étape correspondante de la + création du sondage. Vous devrez repasser par toutes les étapes suivantes. +
+ Mais rassurez-vous, vous n’aurez pas à tout remplir à nouveau. +

+
+

Mes informations générales

+
+
+
+ Modifier +
+
+

Mon type de sondage

+
+
+
+ Modifier +
+
+

Mes dates et horaires

+
+
+
+ Modifier +
+
+

Mes paramètres et options de notifications

+
+
+
+ Modifier +
+
+

Mon nom et mon adresse e-mail

+
+
+
+ Modifier +
+
+
+
+ +
+
+ +
diff --git a/src/app/features/administration/form/steps/step-three/step-three.component.html b/src/app/features/administration/form/steps/step-three/step-three.component.html index 769e06d4..4ccb5947 100644 --- a/src/app/features/administration/form/steps/step-three/step-three.component.html +++ b/src/app/features/administration/form/steps/step-three/step-three.component.html @@ -1,5 +1,5 @@
- +
diff --git a/src/styles/partials/_datepicker.scss b/src/styles/partials/_datepicker.scss index ece53312..7f32c57f 100644 --- a/src/styles/partials/_datepicker.scss +++ b/src/styles/partials/_datepicker.scss @@ -1,4 +1,7 @@ // calendar primeng +.calendar { + text-align: center; +} .p-datepicker { border: solid 1px $logo_color; padding: 0.5em; @@ -20,6 +23,9 @@ .p-datepicker-buttonbar { margin-top: 0.5em; + button { + min-width: 15em; + } } .p-datepicker-month { diff --git a/src/styles/partials/_forms.scss b/src/styles/partials/_forms.scss index f315f756..a4383406 100644 --- a/src/styles/partials/_forms.scss +++ b/src/styles/partials/_forms.scss @@ -14,6 +14,7 @@ select.is-hovered, .select select.is-hovered { border-color: $border-color !important; } + app-step-one, app-step-two, app-step-three, @@ -21,11 +22,13 @@ app-step-four { padding: 2em 2.5em; display: block; } + app-step-five { app-stepper { padding: 2em 2.5em; display: block; } + .container { padding: 2em; } @@ -273,6 +276,7 @@ mat-checkbox { background: $light; border: 3px solid $primary-color; } + .work-in-progress { padding: 1em 2em; background: $border-color; @@ -281,5 +285,28 @@ mat-checkbox { } .step-container { + padding: 1em 2em; @extend .container, .is-widescreen; } + +// resume de la création de sondage +.block-resume { + border-radius: 0.25em; + background: $bg-grey; + padding: 1em; + margin-bottom: 0.5em; + + hr { + margin: 0.5em -1em; + background: $rules; + } + .go-to-step { + @extend .clickable; + + padding: 1em; + &:hover { + background: $secondary_color; + color: $white; + } + } +} From 0a3b1659ee7917e30186e970b71a11ed859b4872 Mon Sep 17 00:00:00 2001 From: Tykayn Date: Thu, 18 Nov 2021 12:00:03 +0100 Subject: [PATCH 7/7] more data in resume, step 7 --- .../step-seven/step-seven.component.html | 44 ++++++++++++++++--- .../steps/step-six/step-six.component.html | 6 +-- src/styles/partials/_forms.scss | 16 ++++++- 3 files changed, 55 insertions(+), 11 deletions(-) diff --git a/src/app/features/administration/form/steps/step-seven/step-seven.component.html b/src/app/features/administration/form/steps/step-seven/step-seven.component.html index 4b728236..2d92a4e1 100644 --- a/src/app/features/administration/form/steps/step-seven/step-seven.component.html +++ b/src/app/features/administration/form/steps/step-seven/step-seven.component.html @@ -1,6 +1,6 @@ -
+
-
+

Voici le résumé de votre sondage @@ -14,36 +14,66 @@

Mes informations générales

+

+ {{ pollService.form.value.title }} +

+

+ {{ pollService.form.value.description }} +

-
+
Modifier

Mon type de sondage

+ {{ pollService.form.value.isAboutDate ? 'Date' : 'Propositions' }}
-
+
Modifier

Mes dates et horaires

+
+
    +
  • + {{ choice.date_object | date: 'E d M yyy':'Europe/Paris':'fr_FR' }} +
    • +
+
+
+
    +
  • + {{ choice }} +
    • +
+
-
+
Modifier

Mes paramètres et options de notifications

+
+ Protégé par mot de passe: {{ pollService.form.value.isProtectedByPassword ? 'oui' : 'non' }} +
-
+
Modifier

Mon nom et mon adresse e-mail

+
+ {{ pollService.form.value.creatorPseudo }} +
+
-
+
Modifier
diff --git a/src/app/features/administration/form/steps/step-six/step-six.component.html b/src/app/features/administration/form/steps/step-six/step-six.component.html index 3b8e999d..5ad525f6 100644 --- a/src/app/features/administration/form/steps/step-six/step-six.component.html +++ b/src/app/features/administration/form/steps/step-six/step-six.component.html @@ -1,7 +1,7 @@ -
-
+
+ +
-

Dites à vos participants qui vous êtes !

diff --git a/src/styles/partials/_forms.scss b/src/styles/partials/_forms.scss index a4383406..5d7081c7 100644 --- a/src/styles/partials/_forms.scss +++ b/src/styles/partials/_forms.scss @@ -290,6 +290,17 @@ mat-checkbox { } // resume de la création de sondage +.step-resume { + .content { + .title { + &.is-2, + &.is-3 { + color: $secondary_color; + } + } + } +} + .block-resume { border-radius: 0.25em; background: $bg-grey; @@ -300,10 +311,13 @@ mat-checkbox { margin: 0.5em -1em; background: $rules; } + .go-to-step { @extend .clickable; + color: $secondary_color; + padding: 1.5em; + border-radius: 0.25em; - padding: 1em; &:hover { background: $secondary_color; color: $white;