hamlab/mobilizon-frontend
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

update frontend lib : leaflet + oruga - #1815

Browse Source
This commit is contained in:
Laurent GAY
2025-10-24 17:40:29 +02:00
committed by setop
parent b5852a95eb
commit 58a1d857a1
75 changed files with 944 additions and 1076 deletions
Download Patch File Download Diff File Expand all files Collapse all files

348
tests/unit/specs/views/admin/__snapshots__/adminUsersProfileView.spec.ts.snap
View File

@@ -14,10 +14,10 @@ exports[`UsersView > Ban user 1`] = `
<tr class="border-b">
<td class="py-4 px-2 whitespace-nowrap align-middle">Email</td>
<td class="py-4 px-2 align-middle">truc@mobilizon.test</td>
<td class="py-4 px-2 whitespace-nowrap flex flex flex-col items-start gap-2"><button type="button" class="o-btn o-btn--small o-btn--text" role="button" data-oruga="button"><span class="o-btn__wrapper"><span class="o-icon o-icon--small o-btn__icon o-btn__icon-left" data-oruga="icon"><i class="mdi mdi-pencil"></i></span><span class="o-btn__label">Change email</span>
<td class="py-4 px-2 whitespace-nowrap flex flex flex-col items-start gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--small o-button--text"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-pencil"></i></span><span class="o-button__label">Change email</span>
<!----></span>
</button>
<router-link-stub class="o-btn o-btn--small o-btn--text" role="button" data-oruga="button" to="[object Object]"></router-link-stub>
<router-link-stub data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--text" to="[object Object]"></router-link-stub>
</td>
</tr>
<tr class="border-b">
@@ -28,7 +28,7 @@ exports[`UsersView > Ban user 1`] = `
<tr class="border-b">
<td class="py-4 px-2 whitespace-nowrap align-middle">Role</td>
<td class="py-4 px-2 whitespace-nowrap"><span class="bg-blue-100 text-blue-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded">User</span></td>
<td class="py-4 px-2 whitespace-nowrap flex items-center"><button type="button" class="o-btn o-btn--small o-btn--text" role="button" data-oruga="button"><span class="o-btn__wrapper"><span class="o-icon o-icon--small o-btn__icon o-btn__icon-left" data-oruga="icon"><i class="mdi mdi-chevron-double-up"></i></span><span class="o-btn__label">Change role</span>
<td class="py-4 px-2 whitespace-nowrap flex items-center"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--small o-button--text"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-double-up"></i></span><span class="o-button__label">Change role</span>
<!----></span>
</button></td>
</tr>
@@ -83,7 +83,7 @@ exports[`UsersView > Ban user 1`] = `
<tr>
<!--v-if-->
<td>
<div class="buttons"><button type="button" class="o-btn o-btn--danger" role="button" data-oruga="button" id="deleteAccount"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Ban</span>
<div class="buttons"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--danger" id="deleteAccount"><span class="o-button__wrapper"><!----><span class="o-button__label">Ban</span>
<!----></span>
</button></div>
</td>
@@ -92,8 +92,8 @@ exports[`UsersView > Ban user 1`] = `
</section>
<!--teleport start-->
<transition-stub name="zoom-out" appear="false" persisted="false" css="true">
<div close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
<div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
<div destroy-on-hide="false" aria-role="dialog" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
<div class="o-modal__overlay" tabindex="-1"></div>
<div class="o-modal__content" style="max-width: 960px;">
<form>
<div class="" style="width: auto;">
@@ -101,46 +101,39 @@ exports[`UsersView > Ban user 1`] = `
<h2>Change user email</h2>
</header>
<section class="">
<div data-oruga="field" class="o-field o-field--filled"><label class="o-field__label" for="">Previous email</label>
<div class="o-field__body">
<div class="o-field o-field--addons">
<div data-oruga="input" class="o-input__wrapper"><input id="" data-oruga-input="email" type="email" class="o-input o-input--disabled" autocomplete="off" disabled="">
<!---->
<!---->
<!---->
</div>
</div>
<div data-oruga="field" class="o-field o-field--filled"><label id="v-0-0" class="o-field__label" for="v-0-2">Previous email</label>
<div data-oruga="input" class="o-input o-input--disabled">
<!----><input aria-labelledby="v-0-0" id="v-0-2" type="email" data-oruga-input="email" class="o-input__input" autocomplete="off" disabled="">
<!---->
<!---->
</div>
<!---->
</div>
<div data-oruga="field" class="o-field"><label class="o-field__label" for="">New email</label>
<div class="o-field__body">
<div class="o-field o-field--addons">
<div data-oruga="input" class="o-input__wrapper"><input required="" id="" data-oruga-input="email" type="email" class="o-input" autocomplete="off" placeholder="new@email.com">
<!---->
<!---->
<!---->
</div>
</div>
<div data-oruga="field" class="o-field"><label id="v-0-3" class="o-field__label" for="v-0-5">New email</label>
<div data-oruga="input" class="o-input">
<!----><input aria-labelledby="v-0-3" required="" id="v-0-5" type="email" data-oruga-input="email" class="o-input__input o-input__input--placeholder" autocomplete="off" placeholder="new@email.com">
<!---->
<!---->
</div>
<!---->
</div><label class="o-chk o-chk--checked" data-oruga="checkbox" role="checkbox" aria-checked="true"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input o-chk__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Notify the user of the change</span></label>
</div>
<div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-6" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-7"><label id="v-0-7" for="v-0-6" class="o-checkbox__label">Notify the user of the change</label></div>
</section>
<footer class="mt-2 flex gap-2"><button type="button" class="o-btn o-btn--outlined" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Close</span>
<footer class="mt-2 flex gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
<!----></span>
</button><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Change email</span>
</button><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Change email</span>
<!----></span>
</button></footer>
</div>
</form><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
</form><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
</div>
</div>
</transition-stub>
<!--teleport end-->
<!--teleport start-->
<transition-stub name="zoom-out" appear="false" persisted="false" css="true">
<div has-modal-card="" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
<div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
<div has-modal-card="" destroy-on-hide="false" aria-role="dialog" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
<div class="o-modal__overlay" tabindex="-1"></div>
<div class="o-modal__content" style="max-width: 960px;">
<form>
<header>
@@ -149,52 +142,49 @@ exports[`UsersView > Ban user 1`] = `
<section>
<div data-oruga="field" class="o-field">
<!---->
<div class="o-field__body">
<div class="o-field o-field--addons"><label class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" value="ADMINISTRATOR"><span class="o-radio__label">Administrator</span></label></div>
</div>
<div data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-8" id="v-0-10" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="ADMINISTRATOR"><label id="v-0-8" for="v-0-10" class="o-radio__label">Administrator</label></div>
<!---->
</div>
<div data-oruga="field" class="o-field">
<!---->
<div class="o-field__body">
<div class="o-field o-field--addons"><label class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" value="MODERATOR"><span class="o-radio__label">Moderator</span></label></div>
</div>
<div data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-11" id="v-0-13" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="MODERATOR"><label id="v-0-11" for="v-0-13" class="o-radio__label">Moderator</label></div>
<!---->
</div>
<div data-oruga="field" class="o-field">
<!---->
<div class="o-field__body">
<div class="o-field o-field--addons"><label class="o-radio o-radio--checked" data-oruga="radio" role="radio" aria-checked="true"><input type="radio" data-oruga-input="radio" class="o-radio__input o-radio__input--checked" autocomplete="off" value="USER"><span class="o-radio__label">User</span></label></div>
</div>
<div data-oruga="radio" class="o-radio o-radio--checked"><input aria-labelledby="v-0-14" id="v-0-16" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="true" value="USER"><label id="v-0-14" for="v-0-16" class="o-radio__label">User</label></div>
<!---->
</div><label class="o-chk o-chk--checked" data-oruga="checkbox" role="checkbox" aria-checked="true"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input o-chk__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Notify the user of the change</span></label>
</div>
<div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-17" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-18"><label id="v-0-18" for="v-0-17" class="o-checkbox__label">Notify the user of the change</label></div>
</section>
<footer class="mt-2 flex gap-2"><button type="button" class="o-btn o-btn--outlined" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Close</span>
<footer class="mt-2 flex gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
<!----></span>
</button><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Change role</span>
</button><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Change role</span>
<!----></span>
</button></footer>
</form><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
</form><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
</div>
</div>
</transition-stub>
<!--teleport end-->
<!--teleport start-->
<transition-stub name="zoom-out" appear="false" persisted="false" css="true">
<div has-modal-card="" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
<div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
<div has-modal-card="" destroy-on-hide="false" aria-role="dialog" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
<div class="o-modal__overlay" tabindex="-1"></div>
<div class="o-modal__content" style="max-width: 960px;">
<form>
<header>
<h2>Confirm user</h2>
</header>
<section><label class="o-chk o-chk--checked" data-oruga="checkbox" role="checkbox" aria-checked="true"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input o-chk__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Notify the user of the change</span></label></section>
<footer><button type="button" class="o-btn" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Close</span>
<section>
<div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-19" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-20"><label id="v-0-20" for="v-0-19" class="o-checkbox__label">Notify the user of the change</label></div>
</section>
<footer><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
<!----></span>
</button><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Confirm user</span>
</button><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Confirm user</span>
<!----></span>
</button></footer>
</form><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
</form><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
</div>
</div>
</transition-stub>
@@ -218,7 +208,7 @@ exports[`UsersView > Show moderate list 1`] = `
<td class="py-4 px-2 align-middle">truc@mobilizon.test</td>
<td class="py-4 px-2 whitespace-nowrap flex flex flex-col items-start gap-2">
<!--v-if-->
<router-link-stub class="o-btn o-btn--small o-btn--text" role="button" data-oruga="button" to="[object Object]"></router-link-stub>
<router-link-stub data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--text" to="[object Object]"></router-link-stub>
</td>
</tr>
<tr class="border-b">
@@ -268,12 +258,12 @@ exports[`UsersView > Show moderate list 1`] = `
<table>
<tr>
<td>
<div class="buttons"><button type="button" class="o-btn o-btn--success" role="button" data-oruga="button" id="acceptAccount"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Accept</span>
<div class="buttons"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--success" id="acceptAccount"><span class="o-button__wrapper"><!----><span class="o-button__label">Accept</span>
<!----></span>
</button></div>
</td>
<td>
<div class="buttons"><button type="button" class="o-btn o-btn--danger" role="button" data-oruga="button" id="deleteAccount"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Ban</span>
<div class="buttons"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--danger" id="deleteAccount"><span class="o-button__wrapper"><!----><span class="o-button__label">Ban</span>
<!----></span>
</button></div>
</td>
@@ -282,8 +272,8 @@ exports[`UsersView > Show moderate list 1`] = `
</section>
<!--teleport start-->
<transition-stub name="zoom-out" appear="false" persisted="false" css="true">
<div close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
<div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
<div destroy-on-hide="false" aria-role="dialog" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
<div class="o-modal__overlay" tabindex="-1"></div>
<div class="o-modal__content" style="max-width: 960px;">
<form>
<div class="" style="width: auto;">
@@ -291,46 +281,39 @@ exports[`UsersView > Show moderate list 1`] = `
<h2>Change user email</h2>
</header>
<section class="">
<div data-oruga="field" class="o-field o-field--filled"><label class="o-field__label" for="">Previous email</label>
<div class="o-field__body">
<div class="o-field o-field--addons">
<div data-oruga="input" class="o-input__wrapper"><input id="" data-oruga-input="email" type="email" class="o-input o-input--disabled" autocomplete="off" disabled="">
<!---->
<!---->
<!---->
</div>
</div>
<div data-oruga="field" class="o-field o-field--filled"><label id="v-0-0" class="o-field__label" for="v-0-2">Previous email</label>
<div data-oruga="input" class="o-input o-input--disabled">
<!----><input aria-labelledby="v-0-0" id="v-0-2" type="email" data-oruga-input="email" class="o-input__input" autocomplete="off" disabled="">
<!---->
<!---->
</div>
<!---->
</div>
<div data-oruga="field" class="o-field"><label class="o-field__label" for="">New email</label>
<div class="o-field__body">
<div class="o-field o-field--addons">
<div data-oruga="input" class="o-input__wrapper"><input required="" id="" data-oruga-input="email" type="email" class="o-input" autocomplete="off" placeholder="new@email.com">
<!---->
<!---->
<!---->
</div>
</div>
<div data-oruga="field" class="o-field"><label id="v-0-3" class="o-field__label" for="v-0-5">New email</label>
<div data-oruga="input" class="o-input">
<!----><input aria-labelledby="v-0-3" required="" id="v-0-5" type="email" data-oruga-input="email" class="o-input__input o-input__input--placeholder" autocomplete="off" placeholder="new@email.com">
<!---->
<!---->
</div>
<!---->
</div><label class="o-chk o-chk--checked" data-oruga="checkbox" role="checkbox" aria-checked="true"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input o-chk__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Notify the user of the change</span></label>
</div>
<div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-6" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-7"><label id="v-0-7" for="v-0-6" class="o-checkbox__label">Notify the user of the change</label></div>
</section>
<footer class="mt-2 flex gap-2"><button type="button" class="o-btn o-btn--outlined" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Close</span>
<footer class="mt-2 flex gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
<!----></span>
</button><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Change email</span>
</button><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Change email</span>
<!----></span>
</button></footer>
</div>
</form><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
</form><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
</div>
</div>
</transition-stub>
<!--teleport end-->
<!--teleport start-->
<transition-stub name="zoom-out" appear="false" persisted="false" css="true">
<div has-modal-card="" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
<div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
<div has-modal-card="" destroy-on-hide="false" aria-role="dialog" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
<div class="o-modal__overlay" tabindex="-1"></div>
<div class="o-modal__content" style="max-width: 960px;">
<form>
<header>
@@ -339,52 +322,49 @@ exports[`UsersView > Show moderate list 1`] = `
<section>
<div data-oruga="field" class="o-field">
<!---->
<div class="o-field__body">
<div class="o-field o-field--addons"><label class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" value="ADMINISTRATOR"><span class="o-radio__label">Administrator</span></label></div>
</div>
<div data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-8" id="v-0-10" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="ADMINISTRATOR"><label id="v-0-8" for="v-0-10" class="o-radio__label">Administrator</label></div>
<!---->
</div>
<div data-oruga="field" class="o-field">
<!---->
<div class="o-field__body">
<div class="o-field o-field--addons"><label class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" value="MODERATOR"><span class="o-radio__label">Moderator</span></label></div>
</div>
<div data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-11" id="v-0-13" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="MODERATOR"><label id="v-0-11" for="v-0-13" class="o-radio__label">Moderator</label></div>
<!---->
</div>
<div data-oruga="field" class="o-field">
<!---->
<div class="o-field__body">
<div class="o-field o-field--addons"><label class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" value="USER"><span class="o-radio__label">User</span></label></div>
</div>
<div data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-14" id="v-0-16" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="USER"><label id="v-0-14" for="v-0-16" class="o-radio__label">User</label></div>
<!---->
</div><label class="o-chk o-chk--checked" data-oruga="checkbox" role="checkbox" aria-checked="true"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input o-chk__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Notify the user of the change</span></label>
</div>
<div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-17" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-18"><label id="v-0-18" for="v-0-17" class="o-checkbox__label">Notify the user of the change</label></div>
</section>
<footer class="mt-2 flex gap-2"><button type="button" class="o-btn o-btn--outlined" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Close</span>
<footer class="mt-2 flex gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
<!----></span>
</button><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Change role</span>
</button><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Change role</span>
<!----></span>
</button></footer>
</form><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
</form><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
</div>
</div>
</transition-stub>
<!--teleport end-->
<!--teleport start-->
<transition-stub name="zoom-out" appear="false" persisted="false" css="true">
<div has-modal-card="" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
<div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
<div has-modal-card="" destroy-on-hide="false" aria-role="dialog" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
<div class="o-modal__overlay" tabindex="-1"></div>
<div class="o-modal__content" style="max-width: 960px;">
<form>
<header>
<h2>Confirm user</h2>
</header>
<section><label class="o-chk o-chk--checked" data-oruga="checkbox" role="checkbox" aria-checked="true"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input o-chk__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Notify the user of the change</span></label></section>
<footer><button type="button" class="o-btn" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Close</span>
<section>
<div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-19" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-20"><label id="v-0-20" for="v-0-19" class="o-checkbox__label">Notify the user of the change</label></div>
</section>
<footer><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
<!----></span>
</button><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Confirm user</span>
</button><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Confirm user</span>
<!----></span>
</button></footer>
</form><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
</form><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
</div>
</div>
</transition-stub>
@@ -406,10 +386,10 @@ exports[`UsersView > Show simple list 1`] = `
<tr class="border-b">
<td class="py-4 px-2 whitespace-nowrap align-middle">Email</td>
<td class="py-4 px-2 align-middle">truc@mobilizon.test</td>
<td class="py-4 px-2 whitespace-nowrap flex flex flex-col items-start gap-2"><button type="button" class="o-btn o-btn--small o-btn--text" role="button" data-oruga="button"><span class="o-btn__wrapper"><span class="o-icon o-icon--small o-btn__icon o-btn__icon-left" data-oruga="icon"><i class="mdi mdi-pencil"></i></span><span class="o-btn__label">Change email</span>
<td class="py-4 px-2 whitespace-nowrap flex flex flex-col items-start gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--small o-button--text"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-pencil"></i></span><span class="o-button__label">Change email</span>
<!----></span>
</button>
<router-link-stub class="o-btn o-btn--small o-btn--text" role="button" data-oruga="button" to="[object Object]"></router-link-stub>
<router-link-stub data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--text" to="[object Object]"></router-link-stub>
</td>
</tr>
<tr class="border-b">
@@ -420,7 +400,7 @@ exports[`UsersView > Show simple list 1`] = `
<tr class="border-b">
<td class="py-4 px-2 whitespace-nowrap align-middle">Role</td>
<td class="py-4 px-2 whitespace-nowrap"><span class="bg-blue-100 text-blue-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded">User</span></td>
<td class="py-4 px-2 whitespace-nowrap flex items-center"><button type="button" class="o-btn o-btn--small o-btn--text" role="button" data-oruga="button"><span class="o-btn__wrapper"><span class="o-icon o-icon--small o-btn__icon o-btn__icon-left" data-oruga="icon"><i class="mdi mdi-chevron-double-up"></i></span><span class="o-btn__label">Change role</span>
<td class="py-4 px-2 whitespace-nowrap flex items-center"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--small o-button--text"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-double-up"></i></span><span class="o-button__label">Change role</span>
<!----></span>
</button></td>
</tr>
@@ -475,7 +455,7 @@ exports[`UsersView > Show simple list 1`] = `
<tr>
<!--v-if-->
<td>
<div class="buttons"><button type="button" class="o-btn o-btn--danger" role="button" data-oruga="button" id="deleteAccount"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Ban</span>
<div class="buttons"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--danger" id="deleteAccount"><span class="o-button__wrapper"><!----><span class="o-button__label">Ban</span>
<!----></span>
</button></div>
</td>
@@ -484,8 +464,8 @@ exports[`UsersView > Show simple list 1`] = `
</section>
<!--teleport start-->
<transition-stub name="zoom-out" appear="false" persisted="false" css="true">
<div close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
<div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
<div destroy-on-hide="false" aria-role="dialog" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
<div class="o-modal__overlay" tabindex="-1"></div>
<div class="o-modal__content" style="max-width: 960px;">
<form>
<div class="" style="width: auto;">
@@ -493,46 +473,39 @@ exports[`UsersView > Show simple list 1`] = `
<h2>Change user email</h2>
</header>
<section class="">
<div data-oruga="field" class="o-field o-field--filled"><label class="o-field__label" for="">Previous email</label>
<div class="o-field__body">
<div class="o-field o-field--addons">
<div data-oruga="input" class="o-input__wrapper"><input id="" data-oruga-input="email" type="email" class="o-input o-input--disabled" autocomplete="off" disabled="">
<!---->
<!---->
<!---->
</div>
</div>
<div data-oruga="field" class="o-field o-field--filled"><label id="v-0-0" class="o-field__label" for="v-0-2">Previous email</label>
<div data-oruga="input" class="o-input o-input--disabled">
<!----><input aria-labelledby="v-0-0" id="v-0-2" type="email" data-oruga-input="email" class="o-input__input" autocomplete="off" disabled="">
<!---->
<!---->
</div>
<!---->
</div>
<div data-oruga="field" class="o-field"><label class="o-field__label" for="">New email</label>
<div class="o-field__body">
<div class="o-field o-field--addons">
<div data-oruga="input" class="o-input__wrapper"><input required="" id="" data-oruga-input="email" type="email" class="o-input" autocomplete="off" placeholder="new@email.com">
<!---->
<!---->
<!---->
</div>
</div>
<div data-oruga="field" class="o-field"><label id="v-0-3" class="o-field__label" for="v-0-5">New email</label>
<div data-oruga="input" class="o-input">
<!----><input aria-labelledby="v-0-3" required="" id="v-0-5" type="email" data-oruga-input="email" class="o-input__input o-input__input--placeholder" autocomplete="off" placeholder="new@email.com">
<!---->
<!---->
</div>
<!---->
</div><label class="o-chk o-chk--checked" data-oruga="checkbox" role="checkbox" aria-checked="true"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input o-chk__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Notify the user of the change</span></label>
</div>
<div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-6" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-7"><label id="v-0-7" for="v-0-6" class="o-checkbox__label">Notify the user of the change</label></div>
</section>
<footer class="mt-2 flex gap-2"><button type="button" class="o-btn o-btn--outlined" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Close</span>
<footer class="mt-2 flex gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
<!----></span>
</button><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Change email</span>
</button><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Change email</span>
<!----></span>
</button></footer>
</div>
</form><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
</form><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
</div>
</div>
</transition-stub>
<!--teleport end-->
<!--teleport start-->
<transition-stub name="zoom-out" appear="false" persisted="false" css="true">
<div has-modal-card="" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
<div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
<div has-modal-card="" destroy-on-hide="false" aria-role="dialog" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
<div class="o-modal__overlay" tabindex="-1"></div>
<div class="o-modal__content" style="max-width: 960px;">
<form>
<header>
@@ -541,52 +514,49 @@ exports[`UsersView > Show simple list 1`] = `
<section>
<div data-oruga="field" class="o-field">
<!---->
<div class="o-field__body">
<div class="o-field o-field--addons"><label class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" value="ADMINISTRATOR"><span class="o-radio__label">Administrator</span></label></div>
</div>
<div data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-8" id="v-0-10" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="ADMINISTRATOR"><label id="v-0-8" for="v-0-10" class="o-radio__label">Administrator</label></div>
<!---->
</div>
<div data-oruga="field" class="o-field">
<!---->
<div class="o-field__body">
<div class="o-field o-field--addons"><label class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" value="MODERATOR"><span class="o-radio__label">Moderator</span></label></div>
</div>
<div data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-11" id="v-0-13" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="MODERATOR"><label id="v-0-11" for="v-0-13" class="o-radio__label">Moderator</label></div>
<!---->
</div>
<div data-oruga="field" class="o-field">
<!---->
<div class="o-field__body">
<div class="o-field o-field--addons"><label class="o-radio o-radio--checked" data-oruga="radio" role="radio" aria-checked="true"><input type="radio" data-oruga-input="radio" class="o-radio__input o-radio__input--checked" autocomplete="off" value="USER"><span class="o-radio__label">User</span></label></div>
</div>
<div data-oruga="radio" class="o-radio o-radio--checked"><input aria-labelledby="v-0-14" id="v-0-16" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="true" value="USER"><label id="v-0-14" for="v-0-16" class="o-radio__label">User</label></div>
<!---->
</div><label class="o-chk o-chk--checked" data-oruga="checkbox" role="checkbox" aria-checked="true"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input o-chk__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Notify the user of the change</span></label>
</div>
<div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-17" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-18"><label id="v-0-18" for="v-0-17" class="o-checkbox__label">Notify the user of the change</label></div>
</section>
<footer class="mt-2 flex gap-2"><button type="button" class="o-btn o-btn--outlined" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Close</span>
<footer class="mt-2 flex gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
<!----></span>
</button><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Change role</span>
</button><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Change role</span>
<!----></span>
</button></footer>
</form><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
</form><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
</div>
</div>
</transition-stub>
<!--teleport end-->
<!--teleport start-->
<transition-stub name="zoom-out" appear="false" persisted="false" css="true">
<div has-modal-card="" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
<div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
<div has-modal-card="" destroy-on-hide="false" aria-role="dialog" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
<div class="o-modal__overlay" tabindex="-1"></div>
<div class="o-modal__content" style="max-width: 960px;">
<form>
<header>
<h2>Confirm user</h2>
</header>
<section><label class="o-chk o-chk--checked" data-oruga="checkbox" role="checkbox" aria-checked="true"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input o-chk__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Notify the user of the change</span></label></section>
<footer><button type="button" class="o-btn" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Close</span>
<section>
<div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-19" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-20"><label id="v-0-20" for="v-0-19" class="o-checkbox__label">Notify the user of the change</label></div>
</section>
<footer><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
<!----></span>
</button><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Confirm user</span>
</button><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Confirm user</span>
<!----></span>
</button></footer>
</form><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
</form><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
</div>
</div>
</transition-stub>
@@ -610,7 +580,7 @@ exports[`UsersView > Unban user 1`] = `
<td class="py-4 px-2 align-middle">truc@mobilizon.test</td>
<td class="py-4 px-2 whitespace-nowrap flex flex flex-col items-start gap-2">
<!--v-if-->
<router-link-stub class="o-btn o-btn--small o-btn--text" role="button" data-oruga="button" to="[object Object]"></router-link-stub>
<router-link-stub data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--text" to="[object Object]"></router-link-stub>
</td>
</tr>
<tr class="border-b">
@@ -633,7 +603,7 @@ exports[`UsersView > Unban user 1`] = `
<tr class="border-b">
<td class="py-4 px-2 whitespace-nowrap align-middle">Confirmed</td>
<td class="py-4 px-2 align-middle">Saturday, August 30, 2025 at 11:56 AM</td>
<td class="py-4 px-2 whitespace-nowrap flex items-center"><button type="button" class="o-btn o-btn--small o-btn--text" role="button" data-oruga="button"><span class="o-btn__wrapper"><span class="o-icon o-icon--small o-btn__icon o-btn__icon-left" data-oruga="icon"><i class="mdi mdi-check"></i></span><span class="o-btn__label">Confirm user</span>
<td class="py-4 px-2 whitespace-nowrap flex items-center"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--small o-button--text"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-check"></i></span><span class="o-button__label">Confirm user</span>
<!----></span>
</button></td>
</tr>
@@ -677,7 +647,7 @@ exports[`UsersView > Unban user 1`] = `
<!--v-if-->
<td>
<div>
<div class="p-4 mb-4 text-sm text-red-700 bg-red-100 rounded-lg" role="alert">The user has been banned</div><button type="button" class="o-btn o-btn--danger" role="button" data-oruga="button" id="unbanAccount"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Unban</span>
<div class="p-4 mb-4 text-sm text-red-700 bg-red-100 rounded-lg" role="alert">The user has been banned</div><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--danger" id="unbanAccount"><span class="o-button__wrapper"><!----><span class="o-button__label">Unban</span>
<!----></span>
</button>
</div>
@@ -687,8 +657,8 @@ exports[`UsersView > Unban user 1`] = `
</section>
<!--teleport start-->
<transition-stub name="zoom-out" appear="false" persisted="false" css="true">
<div close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
<div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
<div destroy-on-hide="false" aria-role="dialog" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
<div class="o-modal__overlay" tabindex="-1"></div>
<div class="o-modal__content" style="max-width: 960px;">
<form>
<div class="" style="width: auto;">
@@ -696,46 +666,39 @@ exports[`UsersView > Unban user 1`] = `
<h2>Change user email</h2>
</header>
<section class="">
<div data-oruga="field" class="o-field o-field--filled"><label class="o-field__label" for="">Previous email</label>
<div class="o-field__body">
<div class="o-field o-field--addons">
<div data-oruga="input" class="o-input__wrapper"><input id="" data-oruga-input="email" type="email" class="o-input o-input--disabled" autocomplete="off" disabled="">
<!---->
<!---->
<!---->
</div>
</div>
<div data-oruga="field" class="o-field o-field--filled"><label id="v-0-0" class="o-field__label" for="v-0-2">Previous email</label>
<div data-oruga="input" class="o-input o-input--disabled">
<!----><input aria-labelledby="v-0-0" id="v-0-2" type="email" data-oruga-input="email" class="o-input__input" autocomplete="off" disabled="">
<!---->
<!---->
</div>
<!---->
</div>
<div data-oruga="field" class="o-field"><label class="o-field__label" for="">New email</label>
<div class="o-field__body">
<div class="o-field o-field--addons">
<div data-oruga="input" class="o-input__wrapper"><input required="" id="" data-oruga-input="email" type="email" class="o-input" autocomplete="off" placeholder="new@email.com">
<!---->
<!---->
<!---->
</div>
</div>
<div data-oruga="field" class="o-field"><label id="v-0-3" class="o-field__label" for="v-0-5">New email</label>
<div data-oruga="input" class="o-input">
<!----><input aria-labelledby="v-0-3" required="" id="v-0-5" type="email" data-oruga-input="email" class="o-input__input o-input__input--placeholder" autocomplete="off" placeholder="new@email.com">
<!---->
<!---->
</div>
<!---->
</div><label class="o-chk o-chk--checked" data-oruga="checkbox" role="checkbox" aria-checked="true"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input o-chk__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Notify the user of the change</span></label>
</div>
<div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-6" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-7"><label id="v-0-7" for="v-0-6" class="o-checkbox__label">Notify the user of the change</label></div>
</section>
<footer class="mt-2 flex gap-2"><button type="button" class="o-btn o-btn--outlined" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Close</span>
<footer class="mt-2 flex gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
<!----></span>
</button><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Change email</span>
</button><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Change email</span>
<!----></span>
</button></footer>
</div>
</form><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
</form><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
</div>
</div>
</transition-stub>
<!--teleport end-->
<!--teleport start-->
<transition-stub name="zoom-out" appear="false" persisted="false" css="true">
<div has-modal-card="" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
<div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
<div has-modal-card="" destroy-on-hide="false" aria-role="dialog" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
<div class="o-modal__overlay" tabindex="-1"></div>
<div class="o-modal__content" style="max-width: 960px;">
<form>
<header>
@@ -744,52 +707,49 @@ exports[`UsersView > Unban user 1`] = `
<section>
<div data-oruga="field" class="o-field">
<!---->
<div class="o-field__body">
<div class="o-field o-field--addons"><label class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" value="ADMINISTRATOR"><span class="o-radio__label">Administrator</span></label></div>
</div>
<div data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-8" id="v-0-10" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="ADMINISTRATOR"><label id="v-0-8" for="v-0-10" class="o-radio__label">Administrator</label></div>
<!---->
</div>
<div data-oruga="field" class="o-field">
<!---->
<div class="o-field__body">
<div class="o-field o-field--addons"><label class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" value="MODERATOR"><span class="o-radio__label">Moderator</span></label></div>
</div>
<div data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-11" id="v-0-13" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="MODERATOR"><label id="v-0-11" for="v-0-13" class="o-radio__label">Moderator</label></div>
<!---->
</div>
<div data-oruga="field" class="o-field">
<!---->
<div class="o-field__body">
<div class="o-field o-field--addons"><label class="o-radio o-radio--checked" data-oruga="radio" role="radio" aria-checked="true"><input type="radio" data-oruga-input="radio" class="o-radio__input o-radio__input--checked" autocomplete="off" value="USER"><span class="o-radio__label">User</span></label></div>
</div>
<div data-oruga="radio" class="o-radio o-radio--checked"><input aria-labelledby="v-0-14" id="v-0-16" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="true" value="USER"><label id="v-0-14" for="v-0-16" class="o-radio__label">User</label></div>
<!---->
</div><label class="o-chk o-chk--checked" data-oruga="checkbox" role="checkbox" aria-checked="true"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input o-chk__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Notify the user of the change</span></label>
</div>
<div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-17" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-18"><label id="v-0-18" for="v-0-17" class="o-checkbox__label">Notify the user of the change</label></div>
</section>
<footer class="mt-2 flex gap-2"><button type="button" class="o-btn o-btn--outlined" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Close</span>
<footer class="mt-2 flex gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
<!----></span>
</button><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Change role</span>
</button><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Change role</span>
<!----></span>
</button></footer>
</form><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
</form><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
</div>
</div>
</transition-stub>
<!--teleport end-->
<!--teleport start-->
<transition-stub name="zoom-out" appear="false" persisted="false" css="true">
<div has-modal-card="" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
<div class="o-modal__overlay" tabindex="-1" aria-hidden="true"></div>
<div has-modal-card="" destroy-on-hide="false" aria-role="dialog" close-button-aria-label="Close" aria-modal="false" data-oruga="modal" class="o-modal" tabindex="-1" role="dialog" aria-label="Edit user email" style="display: none;">
<div class="o-modal__overlay" tabindex="-1"></div>
<div class="o-modal__content" style="max-width: 960px;">
<form>
<header>
<h2>Confirm user</h2>
</header>
<section><label class="o-chk o-chk--checked" data-oruga="checkbox" role="checkbox" aria-checked="true"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input o-chk__input--checked" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Notify the user of the change</span></label></section>
<footer><button type="button" class="o-btn" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Close</span>
<section>
<div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-19" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-20"><label id="v-0-20" for="v-0-19" class="o-checkbox__label">Notify the user of the change</label></div>
</section>
<footer><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
<!----></span>
</button><button type="submit" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Confirm user</span>
</button><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Confirm user</span>
<!----></span>
</button></footer>
</form><span class="o-icon o-icon--clickable o-icon--medium o-modal__close" data-oruga="icon" style="display: none;"><i class="mdi mdi-close mdi-36px"></i></span>
</form><button type="button" class="o-modal__close" aria-label="Close" data-oruga="close" style="display: none;"><span data-oruga="icon" class="o-icon o-icon--medium"><i class="mdi mdi-close mdi-36px"></i></span></button>
</div>
</div>
</transition-stub>