CraftAttack/website
4
0
Fork 0
Code Issues 3 Pull Requests Actions Wiki Activity

show disabled cursor when hovering over disabled buttons in admin admin view

Browse Source
This commit is contained in:
bytedream 2023-08-28 17:21:54 +02:00
parent 01df127430
commit a88ae62edf
1 changed files with 78 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

141
src/routes/admin/admin/+page.svelte
View File

@ -125,56 +125,64 @@
<td>
<div>
{#if admin.edit}
<button
class="btn btn-square"
disabled={!permissions.adminWrite()}
on:click={async (e) => {
await buttonTriggeredRequest(
e,
updateAdmin(
admin.id,
admin.username,
admin.password,
new Permissions(admin.permissions)
)
);
admin.edit = false;
}}
>
<IconOutline name="check-outline" width="24" height="24" />
</button>
<button
class="btn btn-square"
disabled={!permissions.adminWrite()}
on:click={() => {
admin.username = admin.before.username;
admin.permissions = admin.before.permissions;
admin.edit = false;
}}
>
<IconOutline name="no-symbol-outline" width="24" height="24" />
</button>
<span class="w-min" class:cursor-not-allowed={!permissions.adminWrite()}>
<button
class="btn btn-square"
disabled={!permissions.adminWrite()}
on:click={async (e) => {
await buttonTriggeredRequest(
e,
updateAdmin(
admin.id,
admin.username,
admin.password,
new Permissions(admin.permissions)
)
);
admin.edit = false;
}}
>
<IconOutline name="check-outline" width="24" height="24" />
</button>
</span>
<span class="w-min" class:cursor-not-allowed={!permissions.adminWrite()}>
<button
class="btn btn-square"
disabled={!permissions.adminWrite()}
on:click={() => {
admin.username = admin.before.username;
admin.permissions = admin.before.permissions;
admin.edit = false;
}}
>
<IconOutline name="no-symbol-outline" width="24" height="24" />
</button>
</span>
{:else}
<button
class="btn btn-square"
disabled={!permissions.adminWrite()}
on:click={() => {
admin.edit = true;
admin.before = {
username: admin.username,
permissions: admin.permissions
};
}}
>
<IconOutline name="pencil-square-outline" width="24" height="24" />
</button>
<button
class="btn btn-square"
disabled={!permissions.adminWrite()}
on:click={(e) => buttonTriggeredRequest(e, deleteAdmin(admin.id))}
>
<IconOutline name="trash-outline" width="24" height="24" />
</button>
<span class="w-min" class:cursor-not-allowed={!permissions.adminWrite()}>
<button
class="btn btn-square"
disabled={!permissions.adminWrite()}
on:click={() => {
admin.edit = true;
admin.before = {
username: admin.username,
permissions: admin.permissions
};
}}
>
<IconOutline name="pencil-square-outline" width="24" height="24" />
</button>
</span>
<span class="w-min" class:cursor-not-allowed={!permissions.adminWrite()}>
<button
class="btn btn-square"
disabled={!permissions.adminWrite()}
on:click={(e) => buttonTriggeredRequest(e, deleteAdmin(admin.id))}
>
<IconOutline name="trash-outline" width="24" height="24" />
</button>
</span>
{/if}
</div>
</td>
@ -192,21 +200,28 @@
/></td
>
<td>
<button
class="btn btn-square"
disabled={!permissions.adminWrite() || !newAdminUsername || !newAdminPassword}
on:click={async (e) => {
await buttonTriggeredRequest(
e,
addAdmin(newAdminUsername, newAdminPassword, new Permissions(newAdminPermissions))
);
newAdminUsername = '';
newAdminPassword = '';
newAdminPermissions = [];
}}
<span
class="w-min"
class:cursor-not-allowed={!permissions.adminWrite() ||
!newAdminUsername ||
!newAdminPassword}
>
<IconOutline name="user-plus-outline" width="24" height="24" />
</button>
<button
class="btn btn-square"
disabled={!permissions.adminWrite() || !newAdminUsername || !newAdminPassword}
on:click={async (e) => {
await buttonTriggeredRequest(
e,
addAdmin(newAdminUsername, newAdminPassword, new Permissions(newAdminPermissions))
);
newAdminUsername = '';
newAdminPassword = '';
newAdminPermissions = [];
}}
>
<IconOutline name="user-plus-outline" width="24" height="24" />
</button>
</span>
</td>
</tr>
</tbody>