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

👪 UserDetail - group edit support

Browse Source 
ref #12
This commit is contained in:
Philipp Dormann 2021-01-12 20:16:16 +01:00
parent ea23b97231
commit a9e319e0c0
1 changed files with 45 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
src/components/UserDetail.svelte
View File

@ -2,7 +2,7 @@
import { _ } from "svelte-i18n"; import { _ } from "svelte-i18n";
import lodashIsEqual from "lodash.isequal"; import lodashIsEqual from "lodash.isequal";
import store from "../store"; import store from "../store";
import { UserService } from "@odit/lfk-client-js"; import { UserService, UserGroupService } from "@odit/lfk-client-js";
import "gridjs/dist/theme/mermaid.css"; import "gridjs/dist/theme/mermaid.css";
import Toastify from "toastify-js"; import Toastify from "toastify-js";
import PromiseError from "./PromiseError.svelte"; import PromiseError from "./PromiseError.svelte";
@ -12,12 +12,46 @@
$: delete_triggered = false; $: delete_triggered = false;
$: original_data = {}; $: original_data = {};
$: editable_userdata = undefined; $: editable_userdata = undefined;
$: allgroups = [];
$: allgroups_ids = [];
$: usergroups_array = [];
user_promise.then((data) => { user_promise.then((data) => {
console.log(data);
data_loaded = true; data_loaded = true;
original_data = Object.assign(original_data, data); original_data = Object.assign(original_data, data);
editable_userdata = data; editable_userdata = data;
usergroups_array = [];
allgroups.forEach((g) => {
allgroups_ids.push(g.id);
});
});
UserGroupService.userGroupControllerGetAll().then((data) => {
console.log(data);
allgroups = data;
}); });
$: changes_performed = !lodashIsEqual(original_data, editable_userdata); $: changes_performed = !lodashIsEqual(original_data, editable_userdata);
function updateGroups() {
console.log("updating groups...");
console.log(editable_userdata.groups);
allgroups.forEach((g) => {
const exists_in_currentstate = editable_userdata.groups.some(
(obj) => obj.id === g.id
);
console.log("exists:" + exists_in_currentstate);
if (exists_in_currentstate === true) {
editable_userdata.groups = editable_userdata.groups.filter(function (
obj
) {
return obj.id !== g.id;
});
} else {
console.log("add to arr:" + g.id);
editable_userdata.groups.push(g);
}
});
console.log("new groups:");
console.log(editable_userdata.groups);
}
function submit() { function submit() {
if (data_loaded === true && changes_performed === true) { if (data_loaded === true && changes_performed === true) {
console.log("ok, submitting..."); console.log("ok, submitting...");
@ -235,12 +269,19 @@
</div> </div>
<div class="text-sm w-full"> <div class="text-sm w-full">
<span class="font-medium">{$_('groups')}</span> <span class="font-medium">{$_('groups')}</span>
<!-- svelte-ignore a11y-no-onchange -->
<select <select
on:change={updateGroups}
bind:value={usergroups_array}
class="mt-1 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" class="mt-1 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"
multiple> multiple>
<option>Admins</option> {#each allgroups as g}
<option>Finanzen</option> {#if editable_userdata.groups.some((obj) => obj.id === g.id)}
<option>...</option> <option selected value={g.id}>{g.name}</option>
{:else}
<option value={g.id}>{g.name}</option>
{/if}
{/each}
</select> </select>
</div> </div>
<div class="text-sm w-full"> <div class="text-sm w-full">