get user info first before repo info

1 files changed, 65 insertions, 64 deletions

diff --git a/static/assets/js/pages/repositories.js b/static/assets/js/pages/repositories.js
index 90f36c2..3c89aa0 100644
--- a/static/assets/js/pages/repositories.js
+++ b/static/assets/js/pages/repositories.js
@@ -1,3 +1,68 @@
+const userData = document.getElementById("userData");
+// Get the user data from 'api/user'
+$.getJSON("api/user", function (data) {
+  const userAvatar = document.createElement("img");
+  userAvatar.src = data.user.avatar;
+  userAvatar.className = "img-polaroid";
+  userAvatar.style.width = "100%";
+  userData.appendChild(userAvatar);
+  const strong = document.createElement("strong");
+  const userName = document.createElement("h2");
+  userName.innerHTML = data.user.name;
+  userName.style.color = "#000";
+  strong.appendChild(userName);
+  userData.appendChild(strong);
+  const userBio = document.createElement("p");
+  userBio.innerHTML = data.user.bio;
+  userBio.style.color = "#000";
+  userData.appendChild(userBio);
+  const followerContainer = document.createElement("p");
+  followerContainer.style.color = "#000";
+  const followerIcon = document.createElement("i");
+  followerIcon.classList.add("tcs-icon", "trophy", "is-small");
+  followerContainer.appendChild(followerIcon);
+  const followerText = document.createElement("span");
+  followerText.innerHTML = " " + data.user.followers + " Followers";
+  followerContainer.appendChild(followerText);
+  userData.appendChild(followerContainer);
+  const twParagraph = document.createElement("p");
+  twParagraph.style.color = "#000";
+  const twitterIcon = document.createElement("i");
+  twitterIcon.classList.add("tcs-icon", "twitter", "is-small");
+  twParagraph.appendChild(twitterIcon);
+  const twitterText = document.createElement("span");
+  const ts2 = document.createElement("span");
+  ts2.innerHTML = " ";
+  twitterText.appendChild(ts2);
+  const twitterContainer = document.createElement("a");
+  twitterContainer.style.color = "#db4437";
+  twitterContainer.classList.add("a-hvr");
+  twitterContainer.href = "https://twitter.com/" + data.user.twitter;
+  twitterContainer.target = "_blank";
+  twitterContainer.innerHTML = data.user.twitter;
+  twitterText.appendChild(twitterContainer);
+  twParagraph.appendChild(twitterText);
+  userData.appendChild(twParagraph);
+  const ghParagraph = document.createElement("p");
+  ghParagraph.style.color = "#000";
+  const githubIcon = document.createElement("i");
+  githubIcon.classList.add("tcs-icon", "github", "is-small");
+  ghParagraph.appendChild(githubIcon);
+  const githubText = document.createElement("span");
+  const ts3 = document.createElement("span");
+  ts3.innerHTML = " ";
+  githubText.appendChild(ts3);
+  const githubContainer = document.createElement("a");
+  githubContainer.style.color = "#db4437";
+  githubContainer.classList.add("a-hvr");
+  githubContainer.href = data.user.url;
+  githubContainer.target = "_blank";
+  githubContainer.innerHTML = data.user.login;
+  githubText.appendChild(githubContainer);
+  ghParagraph.appendChild(githubText);
+  userData.appendChild(ghParagraph);
+});
+
 const repos = document.getElementById("repos");
 const page = window.location.search.split("page=")[1] || 1;
 
@@ -80,67 +145,3 @@ $.getJSON(`api/repos?page=${page}`, function (data) {
     repos.appendChild(leadParagraphCotainer);
   });
 });
-const userData = document.getElementById("userData");
-// Get the user data from 'api/user'
-$.getJSON("api/user", function (data) {
-  const userAvatar = document.createElement("img");
-  userAvatar.src = data.user.avatar;
-  userAvatar.className = "img-polaroid";
-  userAvatar.style.width = "100%";
-  userData.appendChild(userAvatar);
-  const strong = document.createElement("strong");
-  const userName = document.createElement("h2");
-  userName.innerHTML = data.user.name;
-  userName.style.color = "#000";
-  strong.appendChild(userName);
-  userData.appendChild(strong);
-  const userBio = document.createElement("p");
-  userBio.innerHTML = data.user.bio;
-  userBio.style.color = "#000";
-  userData.appendChild(userBio);
-  const followerContainer = document.createElement("p");
-  followerContainer.style.color = "#000";
-  const followerIcon = document.createElement("i");
-  followerIcon.classList.add("tcs-icon", "trophy", "is-small");
-  followerContainer.appendChild(followerIcon);
-  const followerText = document.createElement("span");
-  followerText.innerHTML = " " + data.user.followers + " Followers";
-  followerContainer.appendChild(followerText);
-  userData.appendChild(followerContainer);
-  const twParagraph = document.createElement("p");
-  twParagraph.style.color = "#000";
-  const twitterIcon = document.createElement("i");
-  twitterIcon.classList.add("tcs-icon", "twitter", "is-small");
-  twParagraph.appendChild(twitterIcon);
-  const twitterText = document.createElement("span");
-  const ts2 = document.createElement("span");
-  ts2.innerHTML = " ";
-  twitterText.appendChild(ts2);
-  const twitterContainer = document.createElement("a");
-  twitterContainer.style.color = "#db4437";
-  twitterContainer.classList.add("a-hvr");
-  twitterContainer.href = "https://twitter.com/" + data.user.twitter;
-  twitterContainer.target = "_blank";
-  twitterContainer.innerHTML = data.user.twitter;
-  twitterText.appendChild(twitterContainer);
-  twParagraph.appendChild(twitterText);
-  userData.appendChild(twParagraph);
-  const ghParagraph = document.createElement("p");
-  ghParagraph.style.color = "#000";
-  const githubIcon = document.createElement("i");
-  githubIcon.classList.add("tcs-icon", "github", "is-small");
-  ghParagraph.appendChild(githubIcon);
-  const githubText = document.createElement("span");
-  const ts3 = document.createElement("span");
-  ts3.innerHTML = " ";
-  githubText.appendChild(ts3);
-  const githubContainer = document.createElement("a");
-  githubContainer.style.color = "#db4437";
-  githubContainer.classList.add("a-hvr");
-  githubContainer.href = data.user.url;
-  githubContainer.target = "_blank";
-  githubContainer.innerHTML = data.user.login;
-  githubText.appendChild(githubContainer);
-  ghParagraph.appendChild(githubText);
-  userData.appendChild(ghParagraph);
-});