picture_displayer.js

function intListToString(intList) {
	var tab = intList.split('_')
	var result = "";

	for (elem of tab) {
		result = result.concat(String.fromCharCode(elem))
	}
	
	return result
}

var displayer = {

	startdisplay: function(idToDat, whereToDisplay) {
		var liste = $('#'+idToDat+" li");		
		$('#'+whereToDisplay).html('<div id="'+whereToDisplay+'row" class="row"></div>');
		liste.each(function() {
		// 	console.log("__");
		// 	console.log($(this).text());
			var currentID = intListToString($(this).text());
			// console.log(currentID);
			requestHandler.retrieveJsonFromUrl('https://images-api.nasa.gov/asset/'+currentID, function(json) {
				console.log(json);
				$('#'+whereToDisplay+'row').append('<div class="col"><div class="view container-fluid"><div class="hover-container" style="margin: 3px">'+
			'<img class="img-fluid" style="margin: 4px" src='+json.collection.items[2].href+'>'+
			'<div class="content">'+
				// '<div class="text scrollbar">'+
				// 	'<h4><?php echo $image->{'data'}[0]->{'title'} ?></h4>'+
				// 	'<p style="font-size: 15px"><?php echo $image->{'data'}[0]->{'description'} ?></p>'+
				// '</div>'+
				'<div class="actionrow" style="left: -120px;">'+
					'<form method="POST" action="download.php" target="_blank">'+
						'<input type="hidden" name="urlget" value="'+correctionURLLink(json.collection.items[5].href)+'">'+
						'<input type="hidden" name="nasa_id" value="'+currentID+'">'+
						'<input type="hidden" name="title" value="img-nasa">'+
						'<input type="hidden" name="preview" value='+json.collection.items[2].href+'>'+
						'<input type="image" name="submit" alt="Submit" class="download" width="13%" src="./ressources/icons/dwnld.png" onmouseover="this.src=\'./ressources/icons/dwnldVert.png\'" onmouseout="this.src=\'./ressources/icons/dwnld.png\'">'+
					'</form>'+
				'</div>'+
			'</div>'+
		'</div>'+
	'</div></div>');
			});
		});
	}
}

















var requestHandler = {
	retrieveJsonFromUrl: function(url, callback) {
		var xhr = new XMLHttpRequest();
    	xhr.open('GET', url, true);
    	xhr.responseType = 'json';
    	xhr.onload = function() {
    		var status = xhr.status;
      		if (status === 200) {
        		callback(xhr.response);
      		} else {
      			console.log("erreur, le status de la réponse indique une anomalie");
        		callback(xhr.response);
      		}
    	};
    xhr.send();
	},


	retrieveJsonFromUrlWithPassedParameter: function(url, callback, pass) {
		var xhr = new XMLHttpRequest();
    	xhr.open('GET', url, true);
    	xhr.responseType = 'json';
    	xhr.onload = function() {
    		var status = xhr.status;
      		if (status === 200) {
        		callback(xhr.response, pass);
      		} else {
      			console.log("erreur, le status de la réponse indique une anomalie");
        		callback(xhr.response, pass);
      		}
    	};
    	xhr.send();
	}
}







function startDisplayer(IDsource, IDdestination) {
	console.log("démarrage");
	displayer.startdisplay(IDsource, IDdestination);
}