mirror of
https://github.com/ae-utbm/sith.git
synced 2026-05-13 20:48:06 +00:00
Apply review comments
This commit is contained in:
@@ -7,16 +7,15 @@ Alpine.data("existing_user_subscription_form", () => ({
|
|||||||
dateOfBirth: "",
|
dateOfBirth: "",
|
||||||
dateOfBirthHidden: true,
|
dateOfBirthHidden: true,
|
||||||
|
|
||||||
async init() {
|
init() {
|
||||||
this.$watch("selectedUser", async () => {
|
this.$watch("selectedUser", async () => {
|
||||||
await this.loadProfile(Number.parseInt(this.selectedUser, 10));
|
await this.loadProfile(Number.parseInt(this.selectedUser, 10));
|
||||||
});
|
});
|
||||||
|
|
||||||
// Wait for web components to load
|
this.$nextTick(() => {
|
||||||
await this.$nextTick();
|
// Force to detect the initial value
|
||||||
|
this.selectedUser = this.$refs.userSelect.widget.getValue();
|
||||||
// Force to detect the initial value
|
});
|
||||||
this.selectedUser = this.$refs.userSelect.widget.getValue();
|
|
||||||
},
|
},
|
||||||
|
|
||||||
async loadProfile(userId: number) {
|
async loadProfile(userId: number) {
|
||||||
|
|||||||
@@ -5,7 +5,8 @@
|
|||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
fieldset p:first-of-type, & > p:first-of-type {
|
fieldset p:first-of-type,
|
||||||
|
&>p:first-of-type {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -24,7 +25,7 @@
|
|||||||
fieldset {
|
fieldset {
|
||||||
flex: 0 1 auto;
|
flex: 0 1 auto;
|
||||||
|
|
||||||
p:has(input[hidden]) {
|
.form-group:has(input[hidden]) {
|
||||||
// when the input is hidden, hide the whole label+input+help text group
|
// when the input is hidden, hide the whole label+input+help text group
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -6,41 +6,29 @@
|
|||||||
>
|
>
|
||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
|
|
||||||
{% set alpine_input_attrs = {
|
<div x-data="existing_user_subscription_form" class="form-content existing-user">
|
||||||
'id_member': 'x-ref=userSelect,x-model=selectedUser',
|
|
||||||
'id_birthdate': ':value=dateOfBirth,:hidden=dateOfBirthHidden',
|
|
||||||
} %}
|
|
||||||
|
|
||||||
{% set alpine_field_attrs = {
|
|
||||||
'id_birthdate': (':hidden=dateOfBirthHidden', 'x-cloack')
|
|
||||||
} %}
|
|
||||||
|
|
||||||
<div x-data="existing_user_subscription_form()" class="form-content existing-user">
|
|
||||||
<fieldset>
|
<fieldset>
|
||||||
{% if form.errors %}
|
{{ form.non_field_errors() }}
|
||||||
{{ form.errors.__all__ }}
|
<div class="form-group">
|
||||||
{% endif %}
|
{{ form.member.label_tag() }}
|
||||||
{% for field in form %}
|
{{ form.member|add_attr("x-ref=userSelect,x-model=selectedUser") }}
|
||||||
<div
|
</div>
|
||||||
class="form-group"
|
<div class="form-group">
|
||||||
{% for attr in alpine_field_attrs.get(field.auto_id, []) %}
|
{{ form.birthdate.label_tag() }}
|
||||||
{{ attr }}
|
{{ form.birthdate|add_attr(":value=dateOfBirth,:hidden=dateOfBirthHidden,:type=dateOfBirthHidden ? 'hidden' : 'date'") }}
|
||||||
{% endfor %}>
|
<span class="helptext">{{ form.birthdate.help_text }}</span>
|
||||||
{{ field.label_tag() }}
|
</div>
|
||||||
{{ field|add_attr(alpine_input_attrs.get(field.auto_id, "")) }}
|
<div class="form-group">{{ form.subscription_type.as_field_group() }}</div>
|
||||||
{% if field.help_text %}
|
<div class="form-group">
|
||||||
<span class="helptext">{{ field.help_text }}</span>
|
{{ form.payment_method.as_field_group() }}
|
||||||
{% endif %}
|
<i>
|
||||||
{% if field.name == "payment_method" %}
|
{% trans trimmed %}
|
||||||
<i>
|
If the subscription is done using the AE account,
|
||||||
{% trans trimmed %}
|
you must also click it on the AE counter.
|
||||||
If the subscription is done using the AE account,
|
{% endtrans %}
|
||||||
you must also click it on the AE counter.
|
</i>
|
||||||
{% endtrans %}
|
</div>
|
||||||
</i>
|
<div class="form-group">{{ form.location.as_field_group() }}</div>
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
</fieldset>
|
</fieldset>
|
||||||
<div
|
<div
|
||||||
id="subscription-form-user-mini-profile"
|
id="subscription-form-user-mini-profile"
|
||||||
|
|||||||
Reference in New Issue
Block a user