Sfoglia il codice sorgente

Add card to travel section to return to previous section.

Lee Morgan 5 anni fa
parent
commit
132b0959c4
1 ha cambiato i file con 8 aggiunte e 0 eliminazioni
  1. 8 0
      views/main/index.html

+ 8 - 0
views/main/index.html

@@ -251,6 +251,7 @@
                 .then((response)=>{
                     let mainContainer = document.getElementById("travel");
                     let template = document.getElementById("travelCard").content.children[0];
+                    let backTemplate = document.getElementById("backCard").content.children[0];
 
                     let recurse = (contents, container, prevCard)=>{
                         for(let i = 0; i < contents.length; i++){
@@ -280,6 +281,13 @@
                                     newContainer.style.display = "none";
                                     mainContainer.appendChild(newContainer);
 
+                                    let backCard = backTemplate.cloneNode(true);
+                                    backCard.onclick = ()=>{
+                                        newContainer.style.display = "none";
+                                        container.style.display = "flex";
+                                    }
+                                    newContainer.appendChild(backCard);
+
                                     let card = template.cloneNode(true);
                                     card.children[0].innerText = contents[i].name.replaceAll("-", " ");
                                     card.children[1].alt = contents[i].name.replaceAll("-", " ");