tykayn/funky-framadate-front
1
1
Fork 1
mirror of https://framagit.org/framasoft/framadate/funky-framadate-front.git synced 2023-08-25 13:53:14 +02:00
Code Issues Projects Releases Wiki Activity

remove column and container in resume step

Browse Source
This commit is contained in:
Tykayn 2022-03-10 13:13:42 +01:00 committed by tykayn
parent ffeb21e8fe
commit 4f5f8df077
5 changed files with 100 additions and 98 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/core/services/poll.service.ts
View File

@ -50,7 +50,7 @@ export class PollService implements Resolve<Poll> {
public showDateInterval = false; public showDateInterval = false;
public allowSeveralHours = false; public allowSeveralHours = false;
public richTextMode = false; public richTextMode = false;
public mode_calendar = false; // default input to select dates in creation step public mode_calendar = true; // default input to select dates in creation step
public calendar: Date[] = [new Date()]; public calendar: Date[] = [new Date()];
public disabled_dates: Date[] = []; public disabled_dates: Date[] = [];

6
src/app/features/administration/form/steps/step-four/step-four.component.html
View File

@ -94,7 +94,7 @@
{{ 'hours.modal.title' | translate }} {{ 'hours.modal.title' | translate }}
</h1> </h1>
<section class="same-time-slices"> <section class="same-time-slices">
<section class="same-time-slices"> <section class="marged-v">
<section class="proposals" *ngIf="environment.creation_display_proposals_time_slices"> <section class="proposals" *ngIf="environment.creation_display_proposals_time_slices">
<div class="time-slices-proposals"> <div class="time-slices-proposals">
<div <div
@ -114,7 +114,7 @@
<input class="input" type="text" id="timeList_{{ id }}" [(ngModel)]="timeSlice.literal" /> <input class="input" type="text" id="timeList_{{ id }}" [(ngModel)]="timeSlice.literal" />
<button <button
[attr.aria-label]="'choices.delete' | translate" [attr.aria-label]="'choices.delete' | translate"
class="has-no-border delete-hour has-background-trash has-background-icon-left" class="has-no-border delete-hour has-background-trash has-background-icon-left is-filtered-icon-primary"
(click)="pollService.timeList.splice(id, 1)" (click)="pollService.timeList.splice(id, 1)"
></button> ></button>
</div> </div>
@ -147,7 +147,7 @@
> >
{{ 'hours.modal.validate' | translate }} {{ 'hours.modal.validate' | translate }}
</button> </button>
<button class="button is-outlined pull-right" (click)="closeModalAndFocusOnOpenModalButton()"> <button class="button is-secondary pull-right" (click)="closeModalAndFocusOnOpenModalButton()">
{{ 'SENTENCES.Cancel' | translate }} {{ 'SENTENCES.Cancel' | translate }}
</button> </button>
</div> </div>

5
src/app/features/administration/form/steps/step-four/step-four.component.scss
View File

@ -66,3 +66,8 @@
height: 40px; height: 40px;
} }
} }
#add_time_button {
padding-left: 40px;
background-position: left;
background-size: 20px 20px;
}

182
src/app/features/administration/form/steps/step-seven/step-seven.component.html
View File

@ -1,103 +1,97 @@
<app-stepper [step_current]="7" [step_max]="pollService.step_max"></app-stepper> <app-stepper [step_current]="7" [step_max]="pollService.step_max"></app-stepper>
<div class="step min-height step-resume"> <div class="step min-height step-resume">
<div class="columns content"> <h1 class="title is-1">
<div class="column"> {{ 'resume.title' | translate }}
<h2 class="title is-2"> </h1>
{{ 'resume.title' | translate }} <p class="helper description">
</h2> {{ 'resume.description' | translate }}
<p class="helper description"> </p>
{{ 'resume.description' | translate }} <div class="resume">
<h2 class="title is-3">{{ 'resume.general' | translate }}</h2>
<div class="block-resume">
<h3 class="title is-4">
{{ pollService.form.value.title }}
<i *ngIf="!pollService.form.value.title">
(pas de titre)
</i>
</h3>
<p class="description">
{{ pollService.form.value.description }}
<i *ngIf="!pollService.form.value.description">
{{ 'resume.no_description' | translate }}
</i>
</p> </p>
<div class="resume"> <hr />
<h3 class="title is-3">{{ 'resume.general' | translate }}</h3> <div class="go-to-step" [routerLink]="['/administration/step/1']">
<div class="block-resume"> <img class="icon" src="assets/icons/edit.svg" alt="icone crayon" />
<h4 class="title is-4"> {{ 'resume.edit' | translate }}
{{ pollService.form.value.title }} </div>
<i *ngIf="!pollService.form.value.title"> </div>
(pas de titre) <h2 class="title is-3">{{ 'resume.kind' | translate }}</h2>
</i> <div class="block-resume">
</h4> {{ pollService.form.value.isAboutDate ? 'Date' : 'Propositions' }}
<p class="description"> <hr />
{{ pollService.form.value.description }} <div class="go-to-step" [routerLink]="['/administration/step/2']">
<i *ngIf="!pollService.form.value.description"> <img class="icon" aria-hidden="true" src="assets/icons/edit.svg" />
{{ 'resume.no_description' | translate }} {{ 'resume.edit' | translate }}
</i> </div>
</p> </div>
<hr /> <h2 class="title is-3">{{ 'resume.dates_and_hours' | translate }}</h2>
<div class="go-to-step" [routerLink]="['/administration/step/1']"> <div class="block-resume">
<img class="icon" src="assets/icons/edit.svg" alt="icone crayon" /> <div class="list-datechoices" *ngIf="pollService.form.value.isAboutDate">
{{ 'resume.edit' | translate }} <ul *ngFor="let choice of pollService.dateChoiceList">
</div> <li>
</div> <strong class="date">
<h3 class="title is-3">{{ 'resume.kind' | translate }}</h3> {{ choice.date_object | date: 'E d/M/yyy':'Europe/Paris' }}
<div class="block-resume"> </strong>
{{ pollService.form.value.isAboutDate ? 'Date' : 'Propositions' }} <ul *ngFor="let timeSlice of choice.timeSlices">
<hr />
<div class="go-to-step" [routerLink]="['/administration/step/2']">
<img class="icon" aria-hidden="true" src="assets/icons/edit.svg" />
{{ 'resume.edit' | translate }}
</div>
</div>
<h3 class="title is-3">{{ 'resume.dates_and_hours' | translate }}</h3>
<div class="block-resume">
<div class="list-datechoices" *ngIf="pollService.form.value.isAboutDate">
<ul *ngFor="let choice of pollService.dateChoiceList">
<li> <li>
<strong class="date"> {{ timeSlice.literal }}
{{ choice.date_object | date: 'E d/M/yyy':'Europe/Paris' }}
</strong>
<ul *ngFor="let timeSlice of choice.timeSlices">
<li>
{{ timeSlice.literal }}
</li>
</ul>
</li> </li>
</ul> </ul>
</div> </li>
<div class="list-texts" *ngIf="!pollService.form.value.isAboutDate"> </ul>
<ul *ngFor="let choice of pollService.choices"> </div>
<li> <div class="list-texts" *ngIf="!pollService.form.value.isAboutDate">
{{ choice }} <ul *ngFor="let choice of pollService.choices">
</li> <li>
</ul> {{ choice }}
</div> </li>
<hr /> </ul>
<div class="go-to-step" [routerLink]="['/administration/step/3']"> </div>
<img class="icon" aria-hidden="true" src="assets/icons/edit.svg" /> <hr />
{{ 'resume.edit' | translate }} <div class="go-to-step" [routerLink]="['/administration/step/3']">
</div> <img class="icon" aria-hidden="true" src="assets/icons/edit.svg" />
</div> {{ 'resume.edit' | translate }}
<h3 class="title is-3">{{ 'resume.params_notifs' | translate }}</h3> </div>
<div class="block-resume"> </div>
<div class="password"> <h2 class="title is-3">{{ 'resume.params_notifs' | translate }}</h2>
Protégé par mot de passe: {{ pollService.form.value.password ? 'oui' : 'non' }} <div class="block-resume">
</div> <div class="password">Protégé par mot de passe: {{ pollService.form.value.password ? 'oui' : 'non' }}</div>
<hr /> <hr />
<div class="go-to-step clickable" [routerLink]="['/administration/step/4']"> <div class="go-to-step clickable" [routerLink]="['/administration/step/4']">
<img class="icon" aria-hidden="true" src="assets/icons/edit.svg" /> <img class="icon" aria-hidden="true" src="assets/icons/edit.svg" />
{{ 'resume.edit' | translate }} {{ 'resume.edit' | translate }}
</div> </div>
</div> </div>
<h3 class="title is-3">{{ 'resume.owner' | translate }}</h3> <h2 class="title is-3">{{ 'resume.owner' | translate }}</h2>
<div class="block-resume"> <div class="block-resume">
<div class="name"> <div class="name">
<strong> <strong>
{{ 'SENTENCES.your-name' | translate }} {{ 'SENTENCES.your-name' | translate }}
</strong> </strong>
{{ pollService.form.value.creatorPseudo }} {{ pollService.form.value.creatorPseudo }}
</div> </div>
<div class="email"> <div class="email">
<strong> <strong>
{{ 'creation.email' | translate }} {{ 'creation.email' | translate }}
</strong> </strong>
{{ pollService.form.value.creatorEmail }} {{ pollService.form.value.creatorEmail }}
</div> </div>
<hr /> <hr />
<div class="go-to-step" [routerLink]="['/administration/step/6']"> <div class="go-to-step" [routerLink]="['/administration/step/6']">
<img class="icon" aria-hidden="true" src="assets/icons/edit.svg" /> <img class="icon" aria-hidden="true" src="assets/icons/edit.svg" />
{{ 'resume.edit' | translate }} {{ 'resume.edit' | translate }}
</div>
</div>
</div> </div>
</div> </div>
</div> </div>

3
src/styles/libraries/_overrides.scss
View File

@ -101,3 +101,6 @@ button .icon:first-child:last-child,
.p-datepicker .p-datepicker-header .p-datepicker-next:focus { .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
outline: 3px solid $outline-color !important; outline: 3px solid $outline-color !important;
} }
.p-button.p-button-text {
color: $primary-color;
}