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 d554aaa6..d4f86100 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 @@ -1,13 +1,7 @@
-
+
-
+
-
+
-
- - {{ 'dates.remove' | translate }} -
-
- - - - - - -
+
+
+ + {{ 'dates.remove' | translate }} +
diff --git a/src/app/features/administration/form/date/list/day/day-list.component.scss b/src/app/features/administration/form/date/list/day/day-list.component.scss index 73efe17c..a12c5460 100644 --- a/src/app/features/administration/form/date/list/day/day-list.component.scss +++ b/src/app/features/administration/form/date/list/day/day-list.component.scss @@ -25,17 +25,6 @@ min-width: 9ch; } - .icon { - margin-right: 1ch; - margin-left: 1ch; - display: inline-block; - } - - .several-times { - padding-left: 2em; - width: 96.5%; - } - .date-choice { margin-bottom: 0.5em; border-radius: 0.25em; @@ -49,10 +38,6 @@ font-weight: 600; } - input { - margin-bottom: 1rem; - } - input, .button { width: 100%; @@ -97,7 +82,6 @@ background: transparent; text-align: left; margin-right: 0; - margin-left: -2rem; .fa, .icon { diff --git a/src/app/features/administration/form/date/list/time/time-list.component.html b/src/app/features/administration/form/date/list/time/time-list.component.html index 0d7a4475..7327fb81 100644 --- a/src/app/features/administration/form/date/list/time/time-list.component.html +++ b/src/app/features/administration/form/date/list/time/time-list.component.html @@ -1,11 +1,11 @@ -
+
-
diff --git a/src/app/features/administration/form/date/list/time/time-list.component.scss b/src/app/features/administration/form/date/list/time/time-list.component.scss index 6cb9e15f..f7e1be7f 100644 --- a/src/app/features/administration/form/date/list/time/time-list.component.scss +++ b/src/app/features/administration/form/date/list/time/time-list.component.scss @@ -1,9 +1,24 @@ -:host { +.time-list-container { margin-top: 0.5em; + padding-left: 1rem; .icon { margin-right: 1ch; } + .time-list-item { - width: 80%; + width: 60%; + margin-bottom: 1rem; + display: inline; + input { + margin-right: 1ch; + } + .button { + display: inline-block; + } + } + .remove-item { + height: 2.5rem; + margin-left: 1rem; + float: right; } } 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 31f4657d..54e68171 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 @@ -19,18 +19,20 @@ -
+
+ (onMonthChange)="(onMonthChangeCustom)" + > +
diff --git a/src/app/features/administration/form/steps/step-three/step-three.component.scss b/src/app/features/administration/form/steps/step-three/step-three.component.scss index ccf19b08..637c285a 100644 --- a/src/app/features/administration/form/steps/step-three/step-three.component.scss +++ b/src/app/features/administration/form/steps/step-three/step-three.component.scss @@ -4,9 +4,11 @@ .ui-datepicker table td.ui-datepicker-today > span.ui-state-active { background-color: $primary-color !important; } + .calendar { margin-top: 1em; } + .text-date-list { margin-top: 1em; } @@ -14,11 +16,21 @@ .is-secondary { border-color: $primary-color; color: $primary-color; + &:hover { background: $primary_color; color: $white; } } + .date-input-selector { padding: 0.5rem 1rem; } + +.hide-back-button { + p-calendar { + .p-datepicker-prev { + display: none !important; + } + } +} 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 2c75d637..5bbc0cc9 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 @@ -1,6 +1,6 @@ import { Component, Input, OnInit } from '@angular/core'; import { PollService } from '../../../../../core/services/poll.service'; -import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop'; +import { CdkDragDrop } from '@angular/cdk/drag-drop'; import { environment } from '../../../../../../environments/environment'; import { Title } from '@angular/platform-browser'; @@ -15,8 +15,17 @@ export class StepThreeComponent implements OnInit { @Input() form: any; public environment = environment; + minDate: any = new Date(); + hideBackButton: boolean = true; + + onMonthChangeCustom($event: any) { + // disable nav if new month is in past + console.log('$event', $event); + } constructor(public pollService: PollService, private titleService: Title) { + this.hideBackButton = this.areWeOnCurrentMonth(); + this.pollService.step_current = 3; this.step_max = this.pollService.step_max; this.titleService.setTitle( @@ -44,4 +53,8 @@ export class StepThreeComponent implements OnInit { this.convertDateInputs(); this.pollService.mode_calendar = !this.pollService.mode_calendar; } + + private areWeOnCurrentMonth() { + return true; + } } diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json index eb7a0434..67aa0787 100644 --- a/src/assets/i18n/en.json +++ b/src/assets/i18n/en.json @@ -19,6 +19,7 @@ "step": "Step", "on": "on", "no_title": "(no title)", + "remove": "Remove", "save": "Save" }, "PAGE_NOT_FOUND": { diff --git a/src/assets/i18n/fr.json b/src/assets/i18n/fr.json index a75c8141..41672ccd 100755 --- a/src/assets/i18n/fr.json +++ b/src/assets/i18n/fr.json @@ -19,6 +19,7 @@ "on": "sur", "no_title": "(aucun titre)", "next": "Suivant", + "remove": "Supprimer", "save": "Enregistrer" }, "PAGE_NOT_FOUND": { diff --git a/src/styles/partials/_forms.scss b/src/styles/partials/_forms.scss index c9d3834a..16c22156 100644 --- a/src/styles/partials/_forms.scss +++ b/src/styles/partials/_forms.scss @@ -67,7 +67,7 @@ input, select, textarea { @extend .clickable; - margin-bottom: 2rem; + margin-bottom: 1rem; padding: 0.5rem; &:active,