mirror of
https://framagit.org/framasoft/framadate/funky-framadate-front.git
synced 2023-08-25 13:53:14 +02:00
🎨 ⚡ step 7 style and email template
Signed-off-by: tykayn <15d65f2f-0b14-4f70-bf34-e130180ed62b@users.tedomum.net>
This commit is contained in:
parent
9a6a052608
commit
11a9035816
@ -7,14 +7,14 @@
|
||||
{{ 'resume.description' | translate }}
|
||||
</p>
|
||||
<div class="resume">
|
||||
<h2 class="title is-3">{{ 'resume.general' | translate }}</h2>
|
||||
<h2 class="title is-5">{{ 'resume.general' | translate }}</h2>
|
||||
<div class="block-resume">
|
||||
<h3 class="title is-4">
|
||||
<p class="block-label">
|
||||
{{ pollService.form.value.title }}
|
||||
<i *ngIf="!pollService.form.value.title">
|
||||
(pas de titre)
|
||||
</i>
|
||||
</h3>
|
||||
</p>
|
||||
<p class="no-description" *ngIf="!pollService.form.value.title">
|
||||
(pas de titre)
|
||||
</p>
|
||||
<p class="description">
|
||||
{{ pollService.form.value.description }}
|
||||
<i *ngIf="!pollService.form.value.description">
|
||||
@ -22,21 +22,28 @@
|
||||
</i>
|
||||
</p>
|
||||
<hr />
|
||||
<div class="go-to-step" [routerLink]="['/administration/step/1']">
|
||||
<img class="icon" src="assets/icons/edit.svg" alt="icone crayon" />
|
||||
<div
|
||||
class="go-to-step has-background-icon-left is-filtered-icon-primary has-background-edit"
|
||||
[routerLink]="['/administration/step/1']"
|
||||
>
|
||||
{{ 'resume.edit' | translate }}
|
||||
</div>
|
||||
</div>
|
||||
<h2 class="title is-3">{{ 'resume.kind' | translate }}</h2>
|
||||
<h2 class="title is-5">{{ 'resume.kind' | translate }}</h2>
|
||||
<div class="block-resume">
|
||||
{{ pollService.form.value.isAboutDate ? 'Date' : 'Propositions' }}
|
||||
<hr />
|
||||
<div class="go-to-step" [routerLink]="['/administration/step/2']">
|
||||
<img class="icon" aria-hidden="true" src="assets/icons/edit.svg" />
|
||||
<div
|
||||
class="go-to-step has-background-icon-left is-filtered-icon-primary has-background-edit"
|
||||
[routerLink]="['/administration/step/2']"
|
||||
>
|
||||
{{ 'resume.edit' | translate }}
|
||||
</div>
|
||||
</div>
|
||||
<h2 class="title is-3">{{ 'resume.dates_and_hours' | translate }}</h2>
|
||||
<h2 class="title is-5" *ngIf="pollService.form.value.isAboutDate">
|
||||
{{ 'resume.dates_and_hours' | translate }}
|
||||
</h2>
|
||||
<h2 class="title is-5" *ngIf="!pollService.form.value.isAboutDate">{{ 'SENTENCES.Choice' | translate }}</h2>
|
||||
<div class="block-resume">
|
||||
<div class="list-datechoices" *ngIf="pollService.form.value.isAboutDate">
|
||||
<ul *ngFor="let choice of pollService.dateChoiceList">
|
||||
@ -53,28 +60,52 @@
|
||||
</ul>
|
||||
</div>
|
||||
<div class="list-texts" *ngIf="!pollService.form.value.isAboutDate">
|
||||
<ul *ngFor="let choice of pollService.choices">
|
||||
<ul *ngFor="let choice of StorageService.choicesText">
|
||||
<li>
|
||||
{{ choice }}
|
||||
{{ choice.name }}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<hr />
|
||||
<div class="go-to-step" [routerLink]="['/administration/step/3']">
|
||||
<img class="icon" aria-hidden="true" src="assets/icons/edit.svg" />
|
||||
<div
|
||||
class="go-to-step has-background-icon-left is-filtered-icon-primary has-background-edit"
|
||||
[routerLink]="['/administration/step/3']"
|
||||
>
|
||||
{{ 'resume.edit' | translate }}
|
||||
</div>
|
||||
</div>
|
||||
<h2 class="title is-3">{{ 'resume.params_notifs' | translate }}</h2>
|
||||
<h2 class="title is-5">{{ 'resume.params_notifs' | translate }}</h2>
|
||||
<div class="block-resume">
|
||||
<div class="password">Protégé par mot de passe: {{ pollService.form.value.password ? 'oui' : 'non' }}</div>
|
||||
<p class="password" *ngIf="pollService.form.value.password.length">
|
||||
{{ 'SENTENCES.password-protected' | translate }}
|
||||
</p>
|
||||
<div class="notifs">
|
||||
<!-- who modifies answers:-->
|
||||
<!-- {{pollService.form.value.whoModifiesAnswers }}-->
|
||||
<p class="block-label" *ngIf="pollService.form.value.whoModifiesAnswers === 'self'">
|
||||
{{ 'SENTENCES.voters-can-modify-their-own-vote-themselves' | translate }}
|
||||
</p>
|
||||
<!-- {{"SENTENCES.all-voters-can-modify-any-vote" |translate}}-->
|
||||
<!-- {{"SENTENCES.votes-cannot-be-modified" |translate}}-->
|
||||
<p class="block-label">
|
||||
email on comment:
|
||||
{{ pollService.form.value.isOwnerNotifiedByEmailOnNewComment ? 'oui' : 'non' }}
|
||||
</p>
|
||||
<p class="block-label">
|
||||
email on vote:
|
||||
{{ pollService.form.value.isOwnerNotifiedByEmailOnNewVote ? 'oui' : 'non' }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
<div class="go-to-step clickable" [routerLink]="['/administration/step/5']">
|
||||
<img class="icon" aria-hidden="true" src="assets/icons/edit.svg" />
|
||||
<div
|
||||
class="go-to-step has-background-icon-left is-filtered-icon-primary has-background-edit"
|
||||
[routerLink]="['/administration/step/5']"
|
||||
>
|
||||
{{ 'resume.edit' | translate }}
|
||||
</div>
|
||||
</div>
|
||||
<h2 class="title is-3">{{ 'resume.owner' | translate }}</h2>
|
||||
<h2 class="title is-5">{{ 'resume.owner' | translate }}</h2>
|
||||
<div class="block-resume">
|
||||
<div class="name">
|
||||
<strong>
|
||||
@ -89,8 +120,10 @@
|
||||
{{ pollService.form.value.creatorEmail }}
|
||||
</div>
|
||||
<hr />
|
||||
<div class="go-to-step" [routerLink]="['/administration/step/6']">
|
||||
<img class="icon" aria-hidden="true" src="assets/icons/edit.svg" />
|
||||
<div
|
||||
class="go-to-step has-background-icon-left is-filtered-icon-primary has-background-edit"
|
||||
[routerLink]="['/administration/step/6']"
|
||||
>
|
||||
{{ 'resume.edit' | translate }}
|
||||
</div>
|
||||
</div>
|
||||
|
@ -0,0 +1,26 @@
|
||||
.step-resume {
|
||||
.description {
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.title {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
.block-label {
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
margin-bottom: 1rem;
|
||||
.rounded-block > & {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
.go-to-step {
|
||||
margin-left: -1rem;
|
||||
margin-right: -1rem;
|
||||
&:hover {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
}
|
@ -1,6 +1,7 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { Router } from '@angular/router';
|
||||
import { PollService } from '../../../../../core/services/poll.service';
|
||||
import { StorageService } from '../../../../../core/services/storage.service';
|
||||
|
||||
@Component({
|
||||
selector: 'app-step-seven',
|
||||
@ -8,7 +9,7 @@ import { PollService } from '../../../../../core/services/poll.service';
|
||||
styleUrls: ['./step-seven.component.scss'],
|
||||
})
|
||||
export class StepSevenComponent implements OnInit {
|
||||
constructor(private router: Router, public pollService: PollService) {
|
||||
constructor(private router: Router, public StorageService: StorageService, public pollService: PollService) {
|
||||
this.pollService.step_current = 7;
|
||||
}
|
||||
|
||||
|
@ -57,7 +57,7 @@
|
||||
}
|
||||
|
||||
.rounded-block {
|
||||
border-radius: 0.25em;
|
||||
border-radius: 8px;
|
||||
background: $d-blue30;
|
||||
padding: 1em;
|
||||
margin-bottom: 1rem;
|
||||
|
@ -326,10 +326,11 @@ mat-checkbox {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.go-to-step {
|
||||
padding: 1rem 0.75rem;
|
||||
padding-left: 1rem;
|
||||
margin-left: -1em;
|
||||
margin-right: -1em;
|
||||
color: $primary;
|
||||
padding: 1rem 0.5rem;
|
||||
padding-left: 44px;
|
||||
//margin-left: -1em;
|
||||
//margin-right: -1em;
|
||||
}
|
||||
|
||||
.list-datechoices {
|
||||
|
Loading…
Reference in New Issue
Block a user