badges

webpage/user.ts

@@ -25,7 +25,7 @@ class User{
     premium_since: string;
     premium_type: number;
     theme_colors: string;
-    badge_ids: string;
+    badge_ids: string[];
     members: WeakMap<Guild, Member|undefined|Promise<Member|undefined>>=new WeakMap();
     private status:string;
     clone(){
@@ -121,6 +121,34 @@ class User{
     async resolvemember(guild:Guild){
         return await Member.resolveMember(this,guild);
     }
+
+    async getUserProfile(){
+        return (await fetch(`${this.info.api}/users/${this.id.replace("#clone","")}/profile?with_mutual_guilds=true&with_mutual_friends=true`,{
+            headers:this.localuser.headers
+        })).json()
+    }
+    resolving:false|Promise<any>=false;
+    async getBadge(id:string){
+        console.log(id,":3")
+        if(this.localuser.badges.has(id)){
+            return this.localuser.badges.get(id);
+        }else{
+            if(this.resolving)
+            {
+                await this.resolving;
+                return this.localuser.badges.get(id);
+            }
+
+            const prom=await this.getUserProfile();
+            this.resolving=prom;
+            const badges=prom.badges;
+            this.resolving=false;
+            for(const thing of badges){
+                this.localuser.badges.set(thing.id,thing);
+            }
+            return this.localuser.badges.get(id);
+        }
+    }
     buildpfp(){
         const pfp=document.createElement('img');
         pfp.src=this.getpfpsrc();
@@ -236,7 +264,25 @@ class User{
             this.setstatus("online");
             div.classList.add("hypoprofile","flexttb");
         }
-
+        const badgediv=document.createElement("div");
+        badgediv.classList.add("badges");
+        (async ()=>{
+            console.log(this.badge_ids,":3")
+            if(!this.badge_ids) return;
+            for(const id of this.badge_ids){
+                const badgejson=await this.getBadge(id);
+                const badge=document.createElement("a");
+                badge.classList.add("badge")
+                const img=document.createElement("img");
+                img.src=badgejson.icon;
+                badge.append(img);
+                const span=document.createElement("span");
+                span.textContent=badgejson.description;
+                badge.append(span);
+                badge.href=badgejson.link;
+                badgediv.append(badge);
+            }
+        })()
         {
             const pfp=await this.buildstatuspfp();
             div.appendChild(pfp);
@@ -248,7 +294,7 @@ class User{
             const usernamehtml=document.createElement("h2");
             usernamehtml.textContent=this.username;
             userbody.appendChild(usernamehtml);
-
+            userbody.appendChild(badgediv);
             const discrimatorhtml=document.createElement("h3");
             discrimatorhtml.classList.add("tag");
             discrimatorhtml.textContent=this.username+"#"+this.discriminator;