working on poll permissions

Signed-off-by: Stephan Richter <s.richter@srsoftware.de>

frontend/src/Components/PermissionEditor.svelte

@@ -52,7 +52,7 @@
 
 <table>
     <tbody>
-    {#each sortedMembers as member,i}
+    {#each sortedMembers as member (member.user.id)}
     <tr>
         <td>{member.user.name}</td>
         <td>

frontend/src/routes/poll/Edit.svelte

@@ -12,20 +12,33 @@
     import { user }          from '../../user.svelte.js';
 
 	let { id } = $props();
+	let visible_to_guests = false;
 	let new_option = $state({name:'',description:{'source':'',rendered:''}});
 	let new_weight = $state({description:'',weight:0});
 	let poll = $state(null);
+	let members = $state([]);
 
 	function addMember(member){
-		for (let [id,name] of Object.entries(member)) update_permissions({user_id:id,permission:1});
+		for (let [id,name] of Object.entries(member)) update_permissions({user_id:+id,permission:4});
 		return true;
 	}
 
+	function dropMember(member){
+		let user_id = member.user.id;
+		if (update_permissions({user_id,permission:0})){
+			members = members.filter(m => m.user.id != user_id);
+		}
+	}
+
 	async function load(){
 		let url = api('poll/'+id);
 		let res = await get(url);
 		if (res.ok){
 			poll = await res.json();
+			for (let perm of Object.values(poll.permission)){
+				members.push({ user : { name : perm.name, id : perm.id }, permission: { name : perm.permission.name, code: perm.permission.code}});
+			}
+			visible_to_guests = !poll.private;
 			yikes();
 		} else error(res);
 	}
@@ -71,7 +84,6 @@
 			const weights = json.weights;
 			for (let weight of Object.keys(data)){
 				let desc = data[weight];
-				console.log(weight, desc);
 				if (desc) {
 					poll.weights[weight] = desc;
 				} else delete poll.weights[weight]; // TODO: this corrupts the display of the following element!
@@ -100,11 +112,19 @@
 		patch_weight(data);
 	}
 
+	function toggle_guest(e){
+		patch_poll('private',!visible_to_guests);
+	}
+
 	async function update_permissions(data){
 		let url = api(`poll/${id}/permissions`);
 		let res = await post(url,data);
 		if (res.ok) {
 			yikes();
+			let json = await res.json();
+			members = members.filter(m => m.user.id != json.user.id);
+			members.push(json);
+			console.log({members});
 			return true;
 		}
 		error(res);
@@ -128,7 +148,11 @@
 	</fieldset>
 	<fieldset>
 		<legend>{t('permissions')}</legend>
-		<Permissions members={{}} {addMember} />
+		<Permissions {addMember} {members} {dropMember} updatePermission={(user_id,perm) => update_permissions({user_id,permission:perm.code})} />
+		<label>
+			<input type="checkbox" bind:checked={visible_to_guests} onchange={toggle_guest} />
+			{t('visible_to_guests')}
+		</label>
 	</fieldset>
 	<fieldset>
 		<legend>{t('options')}</legend>

frontend/src/routes/poll/Index.svelte

@@ -41,11 +41,11 @@
 	}
 
 	function open(poll){
-			router.navigate(`/poll/${poll.id}/view`);
+		router.navigate(`/poll/${poll.id}/view`);
 	}
 
 	function share(poll){
-
+		router.navigate(`/poll/${poll.id}/share`);
 	}
 
 	onMount(load);
@@ -70,10 +70,10 @@
 				<td>{@html poll.description.rendered}</td>
 				<td onclick={e => open(poll)}>{poll.owner.name}</td>
 				<td>
-					{#if user.id == poll.owner.id || poll.shares[user.id].permission == 2}
+					{#if user.id == poll.owner.id || poll.permission[user.id].permission == 2}
 					<button onclick={e => edit(poll)}>{t('edit')}</button>
 					{/if}
-					{#if user.id == poll.owner.id || poll.shares[user.id].permission > 0}
+					{#if user.id == poll.owner.id || poll.permission[user.id].permission > 0}
 					<button onclick={e => evaluate(poll)}>{t('evaluate')}</button>
 					{/if}
 					<button onclick={e => share(poll)}>{t('share')}</button>