{#each allpermissions as p} {#if !grantedPermissions.includes(p)}

{p.target + ':' + p.action} { grantedPermissions = grantedPermissions.concat([p]); if (to_delete.some((o) => o === p.id)) { to_delete = to_delete.filter((o) => o !== p.id); } else { to_add = to_add.concat([ { action: p.action, target: p.target, principal: original_data.id, }, ]); } }} type="button" class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-green-200 text-base font-medium text-black hover:bg-green-700 hover:text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:ml-3 sm:w-auto sm:text-sm">+

{/if} {/each}

{#each grantedPermissions as p}

{p.target + ':' + p.action} { grantedPermissions = grantedPermissions.filter((o) => o.target + ':' + o.action !== p.target + ':' + p.action); if (to_add.some((o) => o.target + ':' + o.action === p.target + ':' + p.action)) { to_add = to_add.filter((o) => o.target + ':' + o.action !== p.target + ':' + p.action); } else { to_delete = to_delete.concat([p.id]); } }} type="button" class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-300 text-base font-medium text-black hover:bg-red-700 hover:text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 sm:ml-3 sm:w-auto sm:text-sm">-

{/each}

{#each inheritedPermissions as p}

{p.target + ':' + p.action}

{/each}