Finish adding everything

Banner, Legacy ID, Followers and Logo can return multiple channels in a future update. This will need to get fixed to solve that.
Common-Codes · Jun 24, 2022 · e915b56 · e915b56
1 parent 555c9af
commit e915b56
Showing 1 changed file with 42 additions and 5 deletions.
diff --git a/v1/script.js b/v1/script.js
@@ -1,12 +1,13 @@
 window.onload = function(){
+    const quarry = document.getElementById("infos");
     const fragment = new URLSearchParams(window.location.hash.slice(1));
     const [channel, followers, logo, banner, id] = [fragment.get('c'), fragment.get('followers'), fragment.get('logo'), fragment.get('banner'), fragment.get('legacy_id')];
     if(channel != null){ //store is a global var = firestore
         store.collection("c").where("channel", "==", channel)
             .get()
             .then((querySnapshot) => {
                 querySnapshot.forEach((doc) => {
-                    document.getElementById("infos").innerHTML = `<hr><div><p style="color: gray">Legacy ID: ${doc.id}</p></div><div><p>Username: ${doc.data().channel}<br>Channel: ${doc.data().username}<br>Followers: ${doc.data().followers}<br>Logo: ${doc.data().img}<br>Banner: ${doc.data().banner}</p></div>`;
+                    quarry.innerHTML = `<hr><div><p style="color: gray">Legacy ID: ${doc.id}</p></div><div><p>Username: ${doc.data().username}<br>Channel: ${doc.data().channel}<br>Followers: ${doc.data().followers}<br>Logo: ${doc.data().img}<br>Banner: ${doc.data().banner}</p></div>`;
         });
     })
     .catch((error) => {
@@ -15,19 +16,55 @@ window.onload = function(){
     }
 
     if(followers != null){
-        document.getElementById("infos").innerHTML = followers;
+        store.collection("c").where("followers", "==", followers)
+            .get()
+            .then((querySnapshot) => {
+                querySnapshot.forEach((doc) => {
+                    quarry.innerHTML = `<hr><div><p style="color: gray">Legacy ID: ${doc.id}</p></div><div><p>Username: ${doc.data().username}<br>Channel: ${doc.data().channel}<br>Followers: ${doc.data().followers}<br>Logo: ${doc.data().img}<br>Banner: ${doc.data().banner}</p></div>`;
+        });
+    })
+    .catch((error) => {
+        window.alert("Error getting documents: ", error);
+    });
     }
 
     if(logo != null){
-        document.getElementById("infos").innerHTML = logo;
+        store.collection("c").where("img", "==", logo)
+            .get()
+            .then((querySnapshot) => {
+                querySnapshot.forEach((doc) => {
+                    quarry.innerHTML = `<hr><div><p style="color: gray">Legacy ID: ${doc.id}</p></div><div><p>Username: ${doc.data().username}<br>Channel: ${doc.data().channel}<br>Followers: ${doc.data().followers}<br>Logo: ${doc.data().img}<br>Banner: ${doc.data().banner}</p></div>`;
+        });
+    })
+    .catch((error) => {
+        window.alert("Error getting documents: ", error);
+    });
     }
 
     if(banner != null){
-        document.getElementById("infos").innerHTML = banner;
+        store.collection("c").where("banner", "==", banner)
+            .get()
+            .then((querySnapshot) => {
+                querySnapshot.forEach((doc) => {
+                    quarry.innerHTML = `<hr><div><p style="color: gray">Legacy ID: ${doc.id}</p></div><div><p>Username: ${doc.data().username}<br>Channel: ${doc.data().channel}<br>Followers: ${doc.data().followers}<br>Logo: ${doc.data().img}<br>Banner: ${doc.data().banner}</p></div>`;
+        });
+    })
+    .catch((error) => {
+        window.alert("Error getting documents: ", error);
+    });
     }
 
     if(id != null){
-        document.getElementById("infos").innerHTML = id;
+        store.collection("c").where("legacy", "==", id)
+            .get()
+            .then((querySnapshot) => {
+                querySnapshot.forEach((doc) => {
+                    quarry.innerHTML = `<hr><div><p style="color: gray">Legacy ID: ${doc.id}</p></div><div><p>Username: ${doc.data().username}<br>Channel: ${doc.data().channel}<br>Followers: ${doc.data().followers}<br>Logo: ${doc.data().img}<br>Banner: ${doc.data().banner}</p></div>`;
+        });
+    })
+    .catch((error) => {
+        window.alert("Error getting documents: ", error);
+    });
     }
 }