From c8512e3de6f72e90544e4cd0f93e2c9f2909b170 Mon Sep 17 00:00:00 2001
From: NEOLPAR <ricardo@neolpar.com>
Date: Thu, 14 Jul 2022 16:55:19 +0100
Subject: [PATCH] changing user roles from users table

---
 .../_components/RoleTableRenderer.svelte      | 36 +++++++++++++++----
 packages/builder/src/stores/portal/users.js   |  4 +++
 2 files changed, 33 insertions(+), 7 deletions(-)

diff --git a/packages/builder/src/pages/builder/portal/manage/users/_components/RoleTableRenderer.svelte b/packages/builder/src/pages/builder/portal/manage/users/_components/RoleTableRenderer.svelte
index 66f133663f..1bc820be72 100644
--- a/packages/builder/src/pages/builder/portal/manage/users/_components/RoleTableRenderer.svelte
+++ b/packages/builder/src/pages/builder/portal/manage/users/_components/RoleTableRenderer.svelte
@@ -1,15 +1,37 @@
 <script>
-  import { Select } from "@budibase/bbui"
+  import { notifications, Select } from "@budibase/bbui"
+  import { users } from "stores/portal"
+  import { Constants } from "@budibase/frontend-core"
 
-  const options = [
-    { label: "App User", value: "appUser" },
-    { label: "Developer", value: "developer" },
-    { label: "Admin", value: "admin" },
-  ]
+  export let row
+  $: value = users.getUserRole(row)
+
+  async function updateUserRole({ detail }) {
+    if (detail === "developer") {
+      toggleFlags({ admin: { global: false }, builder: { global: true } })
+    } else if (detail === "admin") {
+      toggleFlags({ admin: { global: true }, builder: { global: false } })
+    } else if (detail === "appUser") {
+      toggleFlags({ admin: { global: false }, builder: { global: false } })
+    }
+  }
+  async function toggleFlags(roleFlags) {
+    try {
+      await users.save({ ...(await users.get(row._id)), ...roleFlags })
+    } catch (error) {
+      notifications.error("Error updating user")
+    }
+  }
 </script>
 
 <div on:click|stopPropagation>
-  <Select value={"appUser"} {options} placeholder="Admin" autoWidth quiet />
+  <Select
+    {value}
+    options={Constants.BbRoles}
+    autoWidth
+    quiet
+    on:change={updateUserRole}
+  />
 </div>
 
 <style>
diff --git a/packages/builder/src/stores/portal/users.js b/packages/builder/src/stores/portal/users.js
index 228bc05fe7..cb499dd9fd 100644
--- a/packages/builder/src/stores/portal/users.js
+++ b/packages/builder/src/stores/portal/users.js
@@ -86,10 +86,14 @@ export function createUsersStore() {
     return await API.saveUser(user)
   }
 
+  const getUserRole = ({ admin, builder }) =>
+    admin?.global ? "admin" : builder?.global ? "developer" : "appUser"
+
   return {
     subscribe,
     search,
     get,
+    getUserRole,
     fetch,
     invite,
     acceptInvite,