MOBILE-4470 calendar: Initially disable repeats when creating an event

main
Pau Ferrer Ocaña 2024-05-23 10:47:56 +02:00
parent a34a3ac5c8
commit 50f06e0fd7
4 changed files with 18 additions and 10 deletions

View File

@ -141,12 +141,12 @@
</ion-item-divider>
<ion-item>
<ion-radio [value]="0">
<p>{{ 'addon.calendar.durationnone' | translate }}</p>
{{ 'addon.calendar.durationnone' | translate }}
</ion-radio>
</ion-item>
<ion-item>
<ion-radio [value]="1">
<p><label for="timedurationuntil-button">{{ 'addon.calendar.durationuntil' | translate }}</label></p>
<label for="timedurationuntil-button">{{ 'addon.calendar.durationuntil' | translate }}</label>
</ion-radio>
</ion-item>
<ion-item *ngIf="form.controls.duration.value === 1">
@ -163,7 +163,7 @@
</ion-item>
<ion-item>
<ion-radio [value]="2">
<p><label for="timedurationminutes">{{ 'addon.calendar.durationminutes' | translate }}</label></p>
<label for="timedurationminutes">{{ 'addon.calendar.durationminutes' | translate }}</label>
</ion-radio>
</ion-item>
<ion-item *ngIf="form.controls.duration.value === 2">
@ -194,14 +194,14 @@
<p class="item-heading">{{ 'addon.calendar.repeatedevents' | translate }}</p>
</ion-label>
</ion-item-divider>
<ion-item>
<ion-radio value="1">
<p>{{ 'addon.calendar.repeateditall' | translate:{$a: otherEventsCount} }}</p>
<ion-item class="ion-text-wrap">
<ion-radio [value]="1">
{{ 'addon.calendar.repeateditall' | translate:{$a: otherEventsCount} }}
</ion-radio>
</ion-item>
<ion-item>
<ion-radio value="0">
<p>{{ 'addon.calendar.repeateditthis' | translate }}</p>
<ion-item class="ion-text-wrap">
<ion-radio [value]="0">
{{ 'addon.calendar.repeateditthis' | translate }}
</ion-radio>
</ion-item>
</ion-radio-group>

View File

@ -118,7 +118,7 @@ export class AddonCalendarEditEventPage implements OnInit, OnDestroy, CanLeave {
this.form.addControl('duration', this.fb.control(0));
this.form.addControl('timedurationminutes', this.fb.control(''));
this.form.addControl('repeat', this.fb.control(false));
this.form.addControl('repeats', this.fb.control('1'));
this.form.addControl('repeats', this.fb.control({ value: '1', disabled: true }));
this.form.addControl('repeateditall', this.fb.control(1));
this.maxDate = CoreTimeUtils.getDatetimeDefaultMax();

View File

@ -15,6 +15,10 @@ input[type=checkbox] {
}
}
ion-checkbox::part(label) {
white-space: normal;
}
ion-checkbox {
&.checkbox-disabled {
@include pointer-events-on-buttons();

View File

@ -22,6 +22,10 @@ input[type=radio],
--outer-border-width: 1px;
}
ion-radio::part(label) {
white-space: normal;
}
.ios ion-radio {
&::part(container) {
width: var(--size);