lfk/frontend
2
0
Fork 0
Code Issues 3 Pull Requests Actions Projects Releases Wiki Activity

UserDetail - link to permission page

Browse Source 
ref #12
This commit is contained in:
Philipp Dormann 2021-01-16 18:30:35 +01:00
parent 7d4e93912c
commit aaab95d414
1 changed files with 15 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/UserDetail.svelte
View File

@ -189,11 +189,7 @@
alt={$_('profile-picture')} alt={$_('profile-picture')}
class="h-20 w-20 rounded-full overflow-hidden bg-gray-100" class="h-20 w-20 rounded-full overflow-hidden bg-gray-100"
src={editable_userdata.profilePic} /> src={editable_userdata.profilePic} />
<!-- <button
type="button"
class="ml-5 bg-white py-2 px-3 border border-gray-300 rounded-md shadow-sm text-sm leading-4 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">Change</button> -->
</div> </div>
<!-- -->
<div class="mt-3 text-sm w-full"> <div class="mt-3 text-sm w-full">
<label <label
for="enabled" for="enabled"
@ -204,7 +200,6 @@
id="enabled" id="enabled"
on:change={() => { on:change={() => {
editable_userdata.enabled = !editable_userdata.enabled; editable_userdata.enabled = !editable_userdata.enabled;
// TODO: this reactive set does not work?
}} }}
name="enabled" name="enabled"
type="checkbox" type="checkbox"
@ -289,18 +284,21 @@
{/each} {/each}
</select> </select>
</div> </div>
<div class="text-sm w-full"> <div class="text-sm w-full mt-8">
<p class="font-medium mb-4">Permissions</p> <p class="font-medium mb-4">
<a Permissions
href="/users/{params.userid}/permissions/" <a
class="rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 font-medium text-black hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:w-auto sm:text-sm">Edit class="px-4 py-2 bg-gray-500 rounded-md text-white"
Permissions</a> href="/users/{params.userid}/permissions/">edit permissions</a>
<input </p>
autocomplete="off" <div class="w-full sm:my-px sm:px-px sm:w-1/2">
placeholder="Search for permission" <input
type="text" autocomplete="off"
bind:value={search_permission} placeholder="Search for permission"
class="mt-4 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 dark:bg-gray-900 dark:text-gray-100 rounded-md p-2" /> type="text"
bind:value={search_permission}
class="mt-4 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 dark:bg-gray-900 dark:text-gray-100 rounded-md p-2" />
</div>
{#each original_data.permissions as p} {#each original_data.permissions as p}
{#if p.toLowerCase().includes(search_permission.toLowerCase())} {#if p.toLowerCase().includes(search_permission.toLowerCase())}
<span <span