quad
/
site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

I guess we're closer now?

This commit is contained in:
Dominik V. Salonen 2018-03-14 09:08:50 +00:00
parent 9831b9fc8d
commit de1a7af9e0
1 changed files with 22 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
main.js
View File

@ -8,7 +8,7 @@ const button2 = document.getElementById('button2');
const button3 = document.getElementById('button3'); const button3 = document.getElementById('button3');
// Make the base URL a variable because it's easier if I ever move the site // Make the base URL a variable because it's easier if I ever move the site
const baseUrl = "file:///H:/Side projects/Site/"; const baseUrl = "https://quad.moe/test/";
// Create variables that will get populated by loadContent() later // Create variables that will get populated by loadContent() later
var payload1; var payload1;
@ -24,19 +24,15 @@ function resetButtons() {
// Fetch all the page contents // Fetch all the page contents
async function loadContent(baseUrl) { async function loadContent(baseUrl) {
const http1 = fetch(baseUrl + "pages/about.html"); const http1 = fetch("pages/about.html");
const http2 = fetch(baseUrl + "pages/about.html"); const http2 = fetch("pages/about.html");
const http3 = fetch(baseUrl + "pages/about.html"); const http3 = fetch("pages/about.html");
const requests = [http1, http2, http3]; const requests = [http1, http2, http3];
const responses = await Promise.all(requests); const responses = await Promise.all(requests);
for (let response of responses) { return responses;
console.log("Loaded data")
}
return responses
} }
function setContent(navbutt, payload) { function setContent(navbutt, payload) {
@ -48,11 +44,23 @@ function setContent(navbutt, payload) {
function initialContent() { function initialContent() {
// Get the HTML we need // Get the HTML we need
var contents = loadContent();
payload1 = contents[0]; // This returns Response { type: "basic", url: "https://example.com", redirected: false... etc.
payload2 = contents[1]; loadContent().then((res) => {console.log(res);});
payload3 = contents[2];
// This returns a Promise object with <state>: "pending"
loadContent().then((res) => {console.log(res[0].text());});
contents = loadContent();
// Can't figure out how to make sure that each web request in loadContent()
// has returned proper HTML before it actually proceeds executing the rest of this funciton
// Then store the text only for later use
payload1 = contents[0].text();
payload2 = contents[1].text();
payload3 = contents[2].text();
console.log(payload1);
// Slap on all the event listeners // Slap on all the event listeners
button1.addEventListener('click', function() { button1.addEventListener('click', function() {
@ -67,4 +75,4 @@ function initialContent() {
// And finally enable the first tab // And finally enable the first tab
setContent(button1, payload1); setContent(button1, payload1);
} }