back api now plugged

Author: hugues-jpg

front/javascript/dist/worker-bundled.js

@@ -6,9 +6,8 @@ const apiMaxId = 54;
 onmessage = (e) => {
 	console.log('here')
 	let id = (Math.floor(Math.random() * Math.floor(apiMaxId))) + 1
-  	postMessage('a')
-  	//axios.get('http://js-worker.local/' + id)
-    //  	 .then(response => (postMessage(response.data)))
+  	axios.get('http://js-worker.local/' + id)
+     	 .then(response => (postMessage(response.data)))
 }
 },{"axios":2}],2:[function(require,module,exports){
 module.exports = require('./lib/axios');

front/javascript/script.js

@@ -14,17 +14,9 @@ document.addEventListener("DOMContentLoaded",() => {
 		});
 
 		worker.onmessage = function(e) {
-			let jsonTest = {
-				'id': '50',
-				'name': 'Kamren Carter',
-				'age': '74',
-				'city': '525 Hand Loop',
-				'bio': 'Eos voluptatibus neque et qui aperiam. Fuga et nostrum expedita commodi maxime porro.'
-			}
-	  		//let textContent = e.data;
-	  		//textPlaceholder.innerHTML = textContent;
+	  		let jsonFetched = e.data;
 	  		for(let fieldName of fields) {
-				document.getElementsByClassName(fieldName)[0].innerHTML = jsonTest[fieldName];
+				document.getElementsByClassName(fieldName)[0].innerHTML = jsonFetched[fieldName];
 			}
 	  		container.classList.remove('is-loading');
 		}

front/javascript/worker.js

@@ -5,7 +5,6 @@ const apiMaxId = 54;
 onmessage = (e) => {
 	console.log('here')
 	let id = (Math.floor(Math.random() * Math.floor(apiMaxId))) + 1
-  	postMessage('a')
-  	//axios.get('http://js-worker.local/' + id)
-    //  	 .then(response => (postMessage(response.data)))
+  	axios.get('http://js-worker.local/' + id)
+     	 .then(response => (postMessage(response.data)))
 }

front/scss/pages/index.scss

@@ -31,7 +31,7 @@ h1 {
 	}
 	.loader {
 		position: absolute;
-		top: 50%;
+		top: 65%;
 		left: 50%;
 		transform: translate(-50%,-50%);
 	}