2d:null 2e:["$","title",null,{"children":"PDP Homework 4 - Dogs Adoption | Harshit Gajjar | Observable"}] 33:[{"id":"37a0537db9893db18802d4a110de10b97dee282b50ac43b9f4b973512beb754a49d047edde93b64a9911b769acc8cd281bbf94a439b5d118564c4c9f6b67eaf1","href":"https://static.observableusercontent.com/files/37a0537db9893db18802d4a110de10b97dee282b50ac43b9f4b973512beb754a49d047edde93b64a9911b769acc8cd281bbf94a439b5d118564c4c9f6b67eaf1","name":"dogs.csv","type":"text/csv","lastModified":1651786220248.674,"size":709}] 31:{"id":"8f33ea6f87452d92","slug":"dog-adoption-homework","title":" PDP Homework 4 - Dogs Adoption ","thumbnail":"dd347640294f913dbe72e5f7b3f7de9fb6aa94ef790130d96e4862d9d22dd703","access_level":"public","create_time":"$D2022-05-05T21:27:51.152Z","update_time":"$D2022-05-06T03:27:33.220Z","view_time":null,"first_public_time":"$D2022-05-05T22:09:47.801Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"666e343e9fc70af6","login":"hg24","name":"Harshit Gajjar","avatar_url":"https://avatars-next.observableusercontent.com/6f17a096ab3d83e4a953387b0069b305478a67613578aa9ebebb8eaa88a66abb","tier":"starter_2024"},"version":133,"publish_version":133,"role":null,"authored":false,"authors":[{"type":"individual","id":"5e2ba07857faed1b","login":"hg24","name":"Harshit Gajjar","avatar_url":"https://avatars-next.observableusercontent.com/6f17a096ab3d83e4a953387b0069b305478a67613578aa9ebebb8eaa88a66abb","tier":null}],"members":[{"type":"individual","id":"5e2ba07857faed1b","login":"hg24","name":"Harshit Gajjar","avatar_url":"https://avatars-next.observableusercontent.com/6f17a096ab3d83e4a953387b0069b305478a67613578aa9ebebb8eaa88a66abb","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":" PDP Homework 4 - Dogs Adoption ","cells":[{"id":117,"value":"submissionDetails = {\n return htl.html`\n

PDP Homework 4 - Dogs Adoption

\n
-Harshit Gajjar
\n

\n `;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"# Readme\n- This homework comprises of 3 sections:\n - Unadopted Dogs\n - Adopted Dogs\n - Add Dog\n- **Unadopted Dogs:** The data is rendered from **dogs.csv** file.\n- **Adopted Dogs:** Users can click on **Adopt** button to add dogs in this section\n- **Add Dog:** Users can add dogs to the list of unadopted dogs. They just need to enter name and a random image will be fetched for the dog.\n- User's can also delete the unadopted dog","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":20,"value":"showUi = {\n return htl.html`\n
\n
\n

Unadopted Dogs 🐕

${\n getAllDogs.length > 0 ? renderedDogs : noUnadoptedDog\n }

\n
\n
\n\n ${mutable adoptedDogsArr.length > 0 ? viewof adoptedDogsView : null}\n\n
\n
\n

Add Dog

\n ${viewof name}\n
\n `;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"noUnadoptedDog = {\n return htl.html`\n

\n
No Unadopted Dogs left 🎉🥳
\n

\n `;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"viewof adoptedDogsView = {\n return htl.html`

Adopted Dogs 🦮

${adoptedDogsUi}

`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"renderedDogs = getAllDogs.map((d, i) => {\n deletingDog;\n adoptingDog;\n addDogToList;\n return htl.html`

\n\n

${d.name}

\n \n\n \n

`;\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"viewof name = Inputs.text({\n label: \"Name\",\n submit: true,\n placeholder: \"Ex. Browniw, Puddle\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"addDogToList = {\n getAllDogs.push({\n name: name,\n image: await getRandomImg()\n });\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"async function getRandomImg() {\n const res = await fetch(\"https://dog.ceo/api/breeds/image/random\");\n\n const random = await res.json();\n\n return random.message;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"mutable deleteDog = null","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"mutable adoptDog = null","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"deletingDog = {\n if (deleteDog === null) return;\n getAllDogs.splice(deleteDog, 1);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"adoptingDog = {\n if (adoptDog === null) return;\n adoptedDogsArr.push(getAllDogs[adoptDog]);\n getAllDogs.splice(adoptDog, 1);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"adoptedDogsUi = adoptedDogsArr.map((d, i) => {\n adoptingDog;\n return htl.html`

\n\n

${d.name}

`;\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"mutable adoptedDogsArr = [];","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"function renderDogs(d) {\n return htl.html`

`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"getAllDogs = FileAttachment(\"dogs.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"urlToFetchDog = fetch(\"https://dog.ceo/api/breeds/image/random\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 32:"$31:body"