getlackey/lackey-cms

{>"cms/cms/main"/}

{<body}
<section data-lky-component="profile" class="context-user">
    <h1>User profile</h1>

    <hr />

    <div class="flex">
        <div class="left">
            {?admin.image.source}
                <img src="{data.profile.image.source}" alt="" class="profile" />
            {:else}
                <img src="{@base}img/cms/cms/svg/ui/account.svg{/base}"/>
            {/admin.image.source}
            
            <div class="details">
                {#data.profile.identities}
                    <div class="flex">
                        <label>{@eq key=type value="email"}{:else}{type}{/eq}</label>
                        <div class="id">{id}</div>
                    </div>
                {/data.profile.identities}
            </div>
        </div>

        <div class="right">
            <form id="username">
                <label for="name">Display name (click to edit)</label>
                <div class="name">
                    <input type="hidden" name="id" value="{data.profile.id}"/>
                    <input name="name" type="text" value="{data.profile.name}"/>
                    <button type="submit">Save</button>
                    {@ne key=admin.id value=data.profile.id}<button class="trash" data-lky-btn data-lky-api="DELETE:/cms/user/{data.profile.id}"><img src="img/cms/cms/svg/bin-filled.svg"/></button>{/ne}
                </div>
            </form>

            <h2>Roles</h2>
            <div class="flex">
                <label>Roles</label>
                <ul class="badges">
                    {#data.profile.roles}
                    <li>
                        <a data-lky-hook="action:remove-role" data-role="{name}" data-profile="{data.profile.id}">{?label}{label}{:else}{name}{/label}</a>
                    </li>
                    {/data.profile.roles}
                    <li class="action" data-lky-hook="action:pick-role" data-profile="{data.profile.id}">Add</li>
                </ul>
            </div>

            <div class="flex">
                {#data.profile.roles}
                    {?taxonomies}
                        {?taxonomies.length}
                            <label>Inherited from '{?label}{label}{:else}{name}{/label}'</label>
                            <ul class="badges">
                                {#taxonomies}
                                    <li class="disabled">{?label}{label}{:else}{name}{/label}</li>
                                {/taxonomies}
                            </ul>
                        {/taxonomies.length}
                    {/taxonomies}
                {/data.profile.roles}
            </div>

            <h2>Classifications</h2>
            <div class="flex">
                {#data.restrictive}
                <label>{?label}{label}{:else}{name}{/label}</label>
                <ul class="badges">
                    {#data.profile.taxonomies taxname=name}
                        {@eq key=taxname value=type.name}
                            <li>
                                <a data-lky-hook="action:remove-taxonomy" data-lky-hook="action:remove-taxonomy" data-profile="{data.profile.id}" data-taxonomy="{name}" data-type="{taxname}">{?label}{label}{:else}{name}{/label}</a>
                            </li>
                        {/eq}
                    {/data.profile.taxonomies}
                    <li class="action" data-lky-hook="action:pick-taxonomy" data-profile="{data.profile.id}" data-type="{name}" data-addable="{type.allowCreation}">Add</li>
                </ul>
                {/data.restrictive}
            </div>
        </div>
    </div>
</section>
<div data-lky-hook="settings.overlay"></div>
{/body}