Untitled


<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<style>

/* vedere w3schools per lo stile responsive */

#journalentryform {
    display: none;
}

#apikeyform {
    display: none;
}

#choosefirmform {
    display: none;
}


</style>

<title>Esercizio Categories</title>

<script>

    var url = "http://erzickyinfo.altervista.org/photolibrary/index.php?action=list";
    var accountsEl;
    const http = new XMLHttpRequest();
    var categories;
    var template;
    async function fetchCategories() {

 // let response= UrlFetchApp.fetch(url);
 // let content = response.getContentText();
  //Logger.log(content);
  // SpreadsheetApp.getActiveSpreadsheet().getSheetByName("Foglio1").getRange(3,4).setValue("hello");
  //let items = JSON.parse(content);
  //let row = 2;
  /*items.forEach(function(item) {

    cs.getRange(row,1).setValue(item.id);
    cs.getRange(row,2).setValue(item.Description);
    cs.getRange(row,3).setValue(item.Rank);
    row++;*/
        accountsEl.innerHTML = "Fetching...";
        http.open("GET", url);
        http.send();
        http.onload = function() {
                                if(http.status != 200)
                                    {
                                        stateEl.innerHTML = "errore";
                                    }
                                    accountsEl.innerHTML = "Fetching complete";
                                    categories = JSON.parse(http.responseText);
                                   // console.log(categories);
                                    categories.forEach(function(category){
                                       var  categoryTemplate = template.cloneNode(true).content;
                                        categoryTemplate.querySelector('.id').innerText = category.id;
                                        categoryTemplate.querySelector('.description').innerText = category.Description;
                                        categoryTemplate.querySelector('.rank').innerText = category.Rank;
                                        accountsEl.appendChild(categoryTemplate);
                                    });
                                 }


        }

    function setup() {
        accountsEl=document.getElementById("accounts");
        template = document.getElementById("categories_t");


    }


</script>

</head>

<body onload="setup()">

<div class="container">

         <h1>Rest</h1>
            <div class="">
              <button id="FetchButton" onclick="fetchCategories()" />Fetch</button>
              <div id="accounts">
            </div>

  <template id = "categories_t">
    	<p><tt class="id">{{Id}}</tt> ..... <em class="description">{{Description}}</em>: <em class="rank">{{Rank}}</em></p>
	</template>

</div>

</body>

</html>