colors on datepicker

This commit is contained in:
Tykayn 2021-11-18 10:49:55 +01:00 committed by tykayn
parent 26109ee368
commit 56397d5a2c
7 changed files with 85 additions and 37 deletions

View File

@ -51,13 +51,17 @@
<div class="columns">
<div class="column">
<button class="button is-secondary is-fullwidth" [routerLink]="['/administration/step/3']">
précédent
Précédent
</button>
</div>
<div class="column">
<button class="btn is-primary is-fullwidth" (click)="createPoll()" [disabled]="!pollService.form.valid">
<button
class="btn is-primary is-fullwidth"
[routerLink]="['/administration/step/5']"
[disabled]="!pollService.form.valid"
>
<i class="fa fa-save"></i>
Enregistrer le sondage
Suivant
</button>
</div>
</div>

View File

@ -1,29 +1,31 @@
<div class="columns">
<h2 class="title is-2">
Voici le résumé de votre sondage
</h2>
<p class="helper">
En cliquant sur le bouton « Modifier » dune section vous serez renvoyé à létape correspondante de la création
du sondage. Vous devrez repasser par toutes les étapes suivante.
<br />
Mais rassurez-vous, vous naurez pas à tout remplir à nouveau.
</p>
<div class="resume">
<h3 class="title is-3">Mes informations générales</h3>
<h3 class="title is-3">Mon type de sondage</h3>
<h3 class="title is-3">Mes dates et horaires</h3>
<h3 class="title is-3">Mes paramètres et options de notifications</h3>
<h3 class="title is-3">Mon nom et mon adresse e-mail</h3>
</div>
<div class="column">
<button class="button is-secondary is-fullwidth" [routerLink]="['/administration/step/3']">
précédent
</button>
</div>
<div class="column">
<button class="btn is-primary is-fullwidth" (click)="createPoll()" [disabled]="!pollService.form.valid">
<i class="fa fa-save"></i>
Enregistrer le sondage
</button>
<h2 class="title is-2">
Voici le résumé de votre sondage
</h2>
<p class="helper">
En cliquant sur le bouton « Modifier » dune section vous serez renvoyé à létape correspondante de la
création du sondage. Vous devrez repasser par toutes les étapes suivante.
<br />
Mais rassurez-vous, vous naurez pas à tout remplir à nouveau.
</p>
<div class="resume">
<h3 class="title is-3">Mes informations générales</h3>
<h3 class="title is-3">Mon type de sondage</h3>
<h3 class="title is-3">Mes dates et horaires</h3>
<h3 class="title is-3">Mes paramètres et options de notifications</h3>
<h3 class="title is-3">Mon nom et mon adresse e-mail</h3>
</div>
<div class="column">
<button class="button is-secondary is-fullwidth" [routerLink]="['/administration/step/3']">
précédent
</button>
</div>
<div class="column">
<button class="btn is-primary is-fullwidth" (click)="createPoll()" [disabled]="!pollService.form.valid">
<i class="fa fa-save"></i>
Enregistrer le sondage
</button>
</div>
</div>
</div>

View File

@ -1 +1,34 @@
<p>step-six works!</p>
<div class="step">
<div class="min-height">
<form action="#" [formGroup]="pollService.form">
<app-stepper [step_current]="4" [step_max]="pollService.step_max"></app-stepper>
<h2 class="title is-2">
Dites à vos participants qui vous êtes !
</h2>
<label for="name">
Votre nom (obligatoire)
</label>
<input class="input" type="text" id="name" formControlName="creatorPseudo" />
<label for="email">
Votre adresse e-mail (obligatoire)
</label>
<input class="input" type="text" id="email" formControlName="creatorEmail" />
</form>
</div>
<div class="columns">
<div class="column">
<button class="button is-secondary is-fullwidth" [routerLink]="['/administration/step/5']">
Précédent
</button>
</div>
<div class="column">
<button
class="btn is-primary is-fullwidth"
[routerLink]="['/administration/step/7']"
[disabled]="!pollService.form.valid"
>
Suivant
</button>
</div>
</div>
</div>

View File

@ -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;

View File

@ -1,13 +1,14 @@
<div>
<h2 class="title is-2">
[nom créateur] vous invite à participer à son sondage
<!-- {{pollService._poll.getValue().creatorPseudo}}-->
vous invite à participer à son sondage
</h2>
<div>
<div class="badge creator">
Nom du créateur
<!-- {{pollService._poll.getValue().creatorPseudo}}-->
</div>
<h3 class="title is-3">
Quand pour le resto ?
{{ pollService.poll.title }}
</h3>
<p class="description">
Si ladministrateur du sondage a ajouter une description elle sera affiché ici.

View File

@ -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;

View File

@ -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;
}