Improve forms

views/account_manage.html

@@ -22,7 +22,7 @@
 	</div>
 	{% endif %}
 	
-	<form id="user" method="post">
+	<form id="account" method="post">
 
 		<div class="row mb-3">
 			<label for="name" class="col-md-2 form-label">
@@ -36,6 +36,8 @@
 					name="name"
 					required
 					value="{{ User.Name }}"
+					autofocus
+					autocomplete="off"
 				>
 			</div>
 		</div>
@@ -52,6 +54,7 @@
 					name="email"
 					required
 					value="{{ User.Email }}"
+					autocomplete="off"
 				>
 			</div>
 		</div>
@@ -66,6 +69,7 @@
 					class="form-control"
 					type="password"
 					name="password"
+					autocomplete="off"
 				>
 				<div class="form-text">
 					Laisser vide pour ne pas changer
@@ -83,6 +87,7 @@
 					class="form-control"
 					type="password"
 					name="password-verify"
+					autocomplete="off"
 				>
 			</div>
 		</div>

views/account_totp.html

@@ -12,7 +12,7 @@
 		<hr>
 	</div>
 
-	<form id="user" method="post">
+	<form id="account" method="post">
 
 		<div class="mb-3">
 			<input
@@ -20,6 +20,7 @@
 				class="form-check-input me-2"
 				id="reset_totp"
 				name="reset_totp"
+				autocomplete="off"
 				required
 			>
 			<label for="reset_totp" class="form-label">

views/field_form.html

@@ -46,6 +46,8 @@
 					name="name"
 					required
 					value="{{ Field.Name }}"
+					autocomplete="off"
+					autofocus
 				>
 			</div>
 		</div>
@@ -59,12 +61,12 @@
 				<select
 					name="person_type"
 					id="person_type"
-					class="form-control"
+					class="form-select"
+					autocomplete="off"
 					required
 				>
-					{% for Key, Value in PersonTypes %}
-					<option value="{{ Key }}">{{ Value }}</option>
-					{% endfor %}
+					<option value="member">Membre</option>
+					<option value="contact">Contact</option>
 				</select>
 			</div>
 		</div>
@@ -77,12 +79,15 @@
 				<select
 					name="field_type"
 					id="field_type"
-					class="form-control"
+					class="form-select"
+					autocomplete="off"
 					required
 				>
-					{% for Key, Value in FieldTypes %}
-					<option value="{{ Key }}">{{ Value }}</option>
-					{% endfor %}
+					<option value="text">Texte</option>
+					<option value="longtext">Texte multiligne</option>
+					<option value="number">Nombre</option>
+					<option value="date">Date</option>
+					<option value="list">Liste</option>
 				</select>
 			</div>
 		</div>
@@ -95,7 +100,8 @@
 				<select
 					name="list"
 					id="list"
-					class="form-control"
+					class="form-select"
+					autocomplete="off"
 					required
 				>
 					{% for List in Lists %}

views/list_form.html

@@ -44,6 +44,8 @@
 					name="name"
 					required
 					value="{{ List.Name }}"
+					autocomplete="off"
+					autofocus
 				>
 			</div>
 		</div>
@@ -56,6 +58,7 @@
 					id="multi"
 					name="multi"
 					{% if List.Multi %}checked{% endif %}
+					autocomplete="off"
 				>
 				<label for="multi" class="form-label">
 					Liste à choix multiples

views/listitem_form.html

@@ -30,7 +30,7 @@
 	</div>
 	{% endif %}
 	
-	<form id="list" method="post">
+	<form id="listitem" method="post">
 
 		<div class="row mb-3">
 			<label for="value" class="form-label col-md-2">
@@ -44,6 +44,8 @@
 					name="value"
 					required
 					value="{{ ListItem.Value }}"
+					autocomplete="off"
+					autofocus
 				>
 			</div>
 		</div>
@@ -55,6 +57,7 @@
 					class="form-check-input me-2"
 					id="default"
 					name="default"
+					autocomplete="off"
 					{% if ListItem.Default %}
 					checked
 					{% endif %}

views/person_form.html

@@ -62,6 +62,7 @@
 					required
 					value="{{ Person.LastName }}"
 					autofocus
+					autocomplete="off"
 				>
 			</div>
 		</div>
@@ -78,6 +79,7 @@
 					name="first_name"
 					required
 					value="{{ Person.FirstName }}"
+					autocomplete="off"
 				>
 			</div>
 		</div>
@@ -93,6 +95,7 @@
 					type="email"
 					name="email"
 					value="{{ Person.Email }}"
+					autocomplete="off"
 				>
 			</div>
 		</div>
@@ -108,6 +111,7 @@
 					type="text"
 					name="phone"
 					value="{{ Person.Phone }}"
+					autocomplete="off"
 				>
 			</div>
 		</div>
@@ -123,6 +127,7 @@
 					type="text"
 					name="mobile"
 					value="{{ Person.Mobile }}"
+					autocomplete="off"
 				>
 			</div>
 		</div>
@@ -139,6 +144,7 @@
 					name="address1"
 					value="{{ Person.Address1 }}"
 					placeholder="Ligne 1"
+					autocomplete="off"
 				>
 			</div>
 		</div>
@@ -152,6 +158,7 @@
 					name="address2"
 					value="{{ Person.Address2 }}"
 					placeholder="Ligne 2"
+					autocomplete="off"
 				>
 			</div>
 		</div>
@@ -166,6 +173,7 @@
 					placeholder="Code postal"
 					pattern="[0-9]{4}"
 					value="{{ Person.PostalCode }}"
+					autocomplete="off"
 				>
 			</div>
 			<div class="col-md-7 col-lg-8">
@@ -176,6 +184,7 @@
 					name="city"
 					value="{{ Person.City }}"
 					placeholder="Lieu"
+					autocomplete="off"
 				>
 			</div>
 		</div>
@@ -190,6 +199,7 @@
 					name="section"
 					id="section"
 					required
+					autocomplete="off"
 				>
 					{% for Section in Sections %}
 						<option
@@ -226,6 +236,7 @@
 					class="form-control"
 					type="text"
 					name="field_{{ Field.ID }}"
+					autocomplete="off"
 
 					{% for FieldValue in FieldValues %}
 						{% if FieldValue.FieldID == Field.ID %}
@@ -241,6 +252,7 @@
 					class="form-control"
 					name="field_{{ Field.ID }}"
 					rows="4"
+					autocomplete="off"
 				>{% for FieldValue in FieldValues %}{% if FieldValue.FieldID == Field.ID %}{{ FieldValue.ValueString }}{% endif %}{% endfor %}</textarea>
 				{% endif %}
 				
@@ -250,6 +262,7 @@
 					class="form-control"
 					type="number"
 					name="field_{{ Field.ID }}"
+					autocomplete="off"
 
 					{% for FieldValue in FieldValues %}
 						{% if FieldValue.FieldID == Field.ID %}
@@ -265,6 +278,7 @@
 					class="form-control"
 					type="date"
 					name="field_{{ Field.ID }}"
+					autocomplete="off"
 
 					{% for FieldValue in FieldValues %}
 						{% if FieldValue.FieldID == Field.ID %}
@@ -279,6 +293,7 @@
 					id="field_{{ Field.ID }}"
 					class="form-select"
 					name="field_{{ Field.ID }}"
+					autocomplete="off"
 				>
 					<option value="0">--- Aucun ---</option>
 					{% for ListItem in Field.List.ListItems %}
@@ -305,6 +320,7 @@
 								class="form-check-input me-2"
 								id="field_{{ Field.ID }}_{{ ListItem.ID }}"
 								name="field_{{ Field.ID }}_{{ ListItem.ID }}"
+								autocomplete="off"
 							>
 							<label
 								for="field_{{ Field.ID }}_{{ ListItem.ID }}"

views/role_form.html

@@ -44,6 +44,8 @@
 					name="name"
 					required
 					value="{{ Role.Name }}"
+					autocomplete="off"
+					autofocus
 				>
 			</div>
 		</div>
@@ -66,6 +68,7 @@
 					class="form-check-input me-2"
 					id="show_member"
 					name="show_member"
+					autocomplete="off"
 					{% if Role.ShowMember %}checked{% endif %}
 				>
 				<label for="show_member" class="form-label">
@@ -81,6 +84,7 @@
 					class="form-check-input me-2"
 					id="create_member"
 					name="create_member"
+					autocomplete="off"
 					{% if Role.CreateMember %}checked{% endif %}
 				>
 				<label for="create_member" class="form-label">
@@ -96,6 +100,7 @@
 					class="form-check-input me-2"
 					id="edit_member"
 					name="edit_member"
+					autocomplete="off"
 					{% if Role.EditMember %}checked{% endif %}
 				>
 				<label for="edit_member" class="form-label">
@@ -111,6 +116,7 @@
 					class="form-check-input me-2"
 					id="show_archived_member"
 					name="show_archived_member"
+					autocomplete="off"
 					{% if Role.ShowArchivedMember %}checked{% endif %}
 				>
 				<label for="show_archived_member" class="form-label">
@@ -126,6 +132,7 @@
 					class="form-check-input me-2"
 					id="archive_member"
 					name="archive_member"
+					autocomplete="off"
 					{% if Role.ArchiveMember %}checked{% endif %}
 				>
 				<label for="archive_member" class="form-label">
@@ -141,6 +148,7 @@
 					class="form-check-input me-2"
 					id="restore_member"
 					name="restore_member"
+					autocomplete="off"
 					{% if Role.RestoreMember %}checked{% endif %}
 				>
 				<label for="restore_member" class="form-label">
@@ -156,6 +164,7 @@
 					class="form-check-input me-2"
 					id="purge_member"
 					name="purge_member"
+					autocomplete="off"
 					{% if Role.PurgeMember %}checked{% endif %}
 				>
 				<label for="purge_member" class="form-label">
@@ -171,6 +180,7 @@
 					class="form-check-input me-2"
 					id="convert_member_to_contact"
 					name="convert_member_to_contact"
+					autocomplete="off"
 					{% if Role.ConvertMemberToContact %}checked{% endif %}
 				>
 				<label for="convert_member_to_contact" class="form-label">
@@ -197,6 +207,7 @@
 					class="form-check-input me-2"
 					id="show_contact"
 					name="show_contact"
+					autocomplete="off"
 					{% if Role.ShowContact %}checked{% endif %}
 				>
 				<label for="show_contact" class="form-label">
@@ -212,6 +223,7 @@
 					class="form-check-input me-2"
 					id="create_contact"
 					name="create_contact"
+					autocomplete="off"
 					{% if Role.CreateContact %}checked{% endif %}
 				>
 				<label for="create_contact" class="form-label">
@@ -227,6 +239,7 @@
 					class="form-check-input me-2"
 					id="edit_contact"
 					name="edit_contact"
+					autocomplete="off"
 					{% if Role.EditContact %}checked{% endif %}
 				>
 				<label for="edit_contact" class="form-label">
@@ -242,6 +255,7 @@
 					class="form-check-input me-2"
 					id="show_archived_contact"
 					name="show_archived_contact"
+					autocomplete="off"
 					{% if Role.ShowArchivedContact %}checked{% endif %}
 				>
 				<label for="show_archived_contact" class="form-label">
@@ -257,6 +271,7 @@
 					class="form-check-input me-2"
 					id="archive_contact"
 					name="archive_contact"
+					autocomplete="off"
 					{% if Role.ArchiveContact %}checked{% endif %}
 				>
 				<label for="archive_contact" class="form-label">
@@ -272,6 +287,7 @@
 					class="form-check-input me-2"
 					id="restore_contact"
 					name="restore_contact"
+					autocomplete="off"
 					{% if Role.RestoreContact %}checked{% endif %}
 				>
 				<label for="restore_contact" class="form-label">
@@ -287,6 +303,7 @@
 					class="form-check-input me-2"
 					id="purge_contact"
 					name="purge_contact"
+					autocomplete="off"
 					{% if Role.PurgeContact %}checked{% endif %}
 				>
 				<label for="purge_contact" class="form-label">
@@ -302,6 +319,7 @@
 					class="form-check-input me-2"
 					id="convert_contact_to_member"
 					name="convert_contact_to_member"
+					autocomplete="off"
 					{% if Role.ConvertContactToMember %}checked{% endif %}
 				>
 				<label for="convert_contact_to_member" class="form-label">

views/section_form.html

@@ -44,6 +44,8 @@
 					name="name"
 					required
 					value="{{ Section.Name }}"
+					autocomplete="off"
+					autofocus
 				>
 			</div>
 		</div>
@@ -60,6 +62,7 @@
 					name="short_name"
 					required
 					value="{{ Section.ShortName }}"
+					autocomplete="off"
 				>
 			</div>
 		</div>
@@ -71,8 +74,9 @@
 			<div class="col-md-10">
 				<select
 					id="parent_section"
-					class="form-control"
+					class="form-select"
 					name="parent_section"
+					autocomplete="off"
 					{% if IsParent %}
 					disabled
 					{% endif %}
@@ -101,6 +105,7 @@
 					class="form-check-input me-2"
 					id="contains_members"
 					name="contains_members"
+					autocomplete="off"
 					{% if Section.ContainsMembers %}
 					checked
 					{% endif %}
@@ -118,6 +123,7 @@
 					class="form-check-input me-2"
 					id="contains_contacts"
 					name="contains_contacts"
+					autocomplete="off"
 					{% if Section.ContainsContacts %}
 					checked
 					{% endif %}

views/user_form.html

@@ -44,6 +44,8 @@
 					name="name"
 					required
 					value="{{ User.Name }}"
+					autocomplete="off"
+					autofocus
 				>
 			</div>
 		</div>
@@ -60,6 +62,7 @@
 					name="email"
 					required
 					value="{{ User.Email }}"
+					autocomplete="off"
 				>
 			</div>
 		</div>
@@ -71,6 +74,7 @@
 					class="form-check-input me-2"
 					id="is_admin"
 					name="is_admin"
+					autocomplete="off"
 					{% if User.IsAdmin %}
 					checked
 					{% endif %}
@@ -91,6 +95,7 @@
 					class="form-control"
 					type="password"
 					name="password"
+					autocomplete="off"
 					{% if !User.ID %}required{% endif %}
 				>
 				{% if User.ID %}	
@@ -109,6 +114,7 @@
 					class="form-check-input me-2"
 					id="reset_totp"
 					name="reset_totp"
+					autocomplete="off"
 				>
 				<label for="reset_totp" class="form-label">
 					Réinitialiser le double facteur (TOTP)

views/user_permissions.html

@@ -38,9 +38,10 @@
 						<i class="bi-key"></i>
 					</span>
 					<select
-						class="form-control"
+						class="form-select"
 						name="section-{{ Section.ID }}"
 						id="section-{{ Section.ID }}"
+						autocomplete="off"
 					>
 						<option value="0">--- Aucun ---</option>
 						{% for Role in Roles %}

views/welcome.html

@@ -55,6 +55,10 @@
 							name="name"
 							required
 							value="{{ Name }}"
+
+							{% if !EmailUpdate %}
+							autofocus
+							{% endif %}
 						>
 					</div>
 					<div class="mb-3">