added prortotype for external app manager

2023-12-01 14:05:42 +01:00 · 2023-12-01 14:05:42 +01:00 · 8c73d0c8c5
parent 901abe5869
commit 8c73d0c8c5
2 changed files with 106 additions and 0 deletions
--- a/extapp/index.html
+++ b/extapp/index.html
@ -0,0 +1,16 @@
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <script src="js/rolescontroller.js"></script>
+        <script src="../common/js/keycloak.js" type="text/javascript"></script>
+        <script src="../boot/d4s-boot.js"></script>
+    </head>
+    <body>
+        <d4s-boot-2 context="_myextapp"
+            gateway="next.d4science.org"
+            redirect-url="http://localhost:8080"
+            url="https://accounts.dev.d4science.org/auth">
+        </d4s-boot-2>
+        <d4s-extapp-role-manager appid="076bfe7d-12a2-41d1-a720-05911f0ae527"></d4s-extapp-role-manager>
+    </body>
+</html>
--- a/extapp/js/rolescontroller.js
+++ b/extapp/js/rolescontroller.js
@ -0,0 +1,90 @@
+class ExtAppRoleController extends HTMLElement{
+  
+    #boot;
+    #roles;
+    #users;
+    #mappings;
+    #serviceurl;
+    #appid;
+    #loading = false;
+    
+    constructor(){
+      super()
+      this.#boot = document.querySelector("d4s-boot-2")
+      this.#serviceurl = this.#boot.url
+    }
+
+    connectedCallback(){
+      this.#appid = this.getAttribute("appid")
+      if(!this.#loading){
+        this.#loading = true
+        this.loadData()
+      }
+    }
+    
+    loadData(){
+        Promise.all([
+            this.loadEligibleUsers(), this.loadRoles()
+        ]).then(()=>{
+            console.log("Done. Ui should be complete now")
+        }).catch(err=>alert(err))
+    }
+
+    loadEligibleUsers(){
+        const url = this.#serviceurl + `/admin/realms/d4science/clients/${this.#appid}/roles/eligible/users?briefRepresentation=true&max=-1&first=0`
+        return this.#boot.secureFetch(url).then(resp=>{
+            if(resp.ok){
+                return resp.json()
+            }else  if(resp.status === 403){
+                throw "Fetching users: You are not allowed to manage roles for this application."
+            }else{
+                throw "Fetching users: Unspecified error"
+            }
+        }).then(json=>{
+            console.log("Fetched eligible users can show table")
+            this.#users = json
+            return loadMappings()
+        }).then(()=>{
+            console.log(this.#mappings)
+        })
+    }
+
+    loadRoles(){
+        const url = this.#serviceurl + `/admin/realms/d4science/clients/${this.#appid}/roles`
+        return this.#boot.secureFetch(url).then(resp=>{
+            if(resp.ok){
+                return resp.json()
+            }else  if(resp.status === 403){
+                throw "Fetching roles: You are not allowed to manage roles for this application."
+            }else{
+                throw "Fetching roles: Unspecified error"
+            }
+        }).then(json=>{
+            this.#roles = json
+            console.log("Roles loaded, could draw header")
+        })
+    }
+
+    loadMappings(){
+        return Promise.all(
+            this.#users.forEach(u => {
+                const url = this.#serviceurl + `/admin/realms/d4science/users/${u.id}/clients/${this.#appid}/roles`
+                this.#boot.secureFetch(url).then(resp=>{
+                    if(resp.ok){
+                        return resp.json()
+                    }else  if(resp.status === 403){
+                        throw "Fetching role mappings: You are not allowed to manage roles for this application."
+                    }else{
+                        throw "Fetching role mappings: Unspecified error"
+                    }
+                }).then(json=>{
+                    u.mappings = json
+                    console.log(`Fetched mappings for user ${u.id} can update the proper table`)
+                })
+            })
+        )
+    }
+
+}
+  
+window.customElements.define('d4s-extapp-role-manager', ExtAppRoleController);