28:null 29:["$","title",null,{"children":"Componentes de grid com vídeo e/ou imagem | Guilherme Ranoya | Observable"}] 2e:T40a,VideoGridParseURL = function (url) { // - Supported YouTube URL formats: // - http://www.youtube.com/watch?v=My2FRPA3Gf8 // - http://youtu.be/My2FRPA3Gf8 // - https://youtube.googleapis.com/v/My2FRPA3Gf8 // - https://m.youtube.com/watch?v=My2FRPA3Gf8 // - Supported Vimeo URL formats: // - http://vimeo.com/25451551 // - http://player.vimeo.com/video/25451551 // - Also supports relative URLs: // - //player.vimeo.com/video/25451551 let tipovideo = "none"; if (url.indexOf("youtu") <= -1 && url.indexOf("vimeo") <= -1) { return { type: "none", id: "none" }; } else { url.match( /(http:|https:|)\/\/(player.|www.|m.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com))\/(video\/|embed\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/ ); if (RegExp.$3.indexOf("youtu") > -1) { tipovideo = "youtube"; } if (RegExp.$3.indexOf("vimeo") > -1) { tipovideo = "vimeo"; } return { type: tipovideo, id: RegExp.$6 }; } }2f:[] 2c:{"id":"fdc00fc303142e58","slug":"componentes-videogrid","title":"Componentes de grid com vídeo e/ou imagem","thumbnail":"ea616da393bf4bfaef482d3392932eef2ebbd7282d9a90c33d8d43e0d45fad4d","access_level":"public","create_time":"$D2022-03-27T11:53:53.220Z","update_time":"$D2022-03-27T12:24:18.438Z","view_time":null,"first_public_time":"$D2022-03-27T12:07:21.363Z","has_unpublished_edits":null,"fork":{"id":"435e40c64926d4f2","slug":"curadoria-artefatos","title":"Curadoria de artefatos","owner":{"id":"0a78bc4380cdd0f8","login":"ranoya","name":"Guilherme Ranoya"}},"stars":0,"starred":false,"owner":{"type":"team","id":"0a78bc4380cdd0f8","login":"ranoya","name":"Guilherme Ranoya","avatar_url":"https://avatars-next.observableusercontent.com/f2bd0349885993a7b110789aa4741bda605eb0a795d20940d586f0ced4c0f91a","tier":"starter_2024"},"version":1050,"publish_version":1050,"role":null,"authored":false,"authors":[{"type":"individual","id":"92bd7310c7ec23d5","login":"ranoya","name":"Guilherme Ranoya","avatar_url":"https://avatars-next.observableusercontent.com/f2bd0349885993a7b110789aa4741bda605eb0a795d20940d586f0ced4c0f91a","tier":null}],"members":[{"type":"individual","id":"92bd7310c7ec23d5","login":"ranoya","name":"Guilherme Ranoya","avatar_url":"https://avatars-next.observableusercontent.com/f2bd0349885993a7b110789aa4741bda605eb0a795d20940d586f0ced4c0f91a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"151f3001546f6e78","slug":"componentes","title":"Componentes","owner":{"id":"0a78bc4380cdd0f8","login":"ranoya","name":"Guilherme Ranoya"}},"type":"notebook","body":{"title":"Componentes de grid com vídeo e/ou imagem","cells":[{"id":0,"value":"# Componentes de grid com vídeo e/ou imagem","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":240,"value":"viewof filtros = Inputs.text({\n placeholder: \"Termos para pesquisa\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1039,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1033,"value":"## Artefatos de dataviz e infografia","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":978,"value":"totaldataviz = html`${matselect.length} de ${materiais.length}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":901,"value":"dataviz = html`${ferramenta_mats(matselect)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":898,"value":"viewof matselect = Inputs.search(materiais, {\n label: \"matselect\",\n placeholder: \"Nenhum filtro\",\n query: \"artefato \" + vazio(filtros),\n disabled: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1043,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":10,"value":"
\n
\n
\n\n------------------\n## Apêndice","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"#### 1. Captura dos dados da planilha","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"##### Função que captura dados do banco","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"getdata = function (url) {\n let dados = fetch(url).then((response) => {\n return response.json();\n });\n\n return dados;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":777,"value":"materiais = getdata(\n \"https://opensheet.elk.sh/1d9eKw82lnM5GvVkBUe8wLcHSxpmDm5B6dUqWRbazOik/POSTS_VISSE\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":934,"value":"vazio = function (dado) {\n if (dado == \"\") {\n return \"init4\";\n } else {\n return dado;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":960,"value":"$2e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":964,"value":"youtubeImage = function (url) {\n /*\n var thumbSplit = \"\";\n var retorno = \"\";\n var thumbSRC;\n */\n let videoDetails = VideoGridParseURL(url);\n let videoType = videoDetails.type;\n let videoID = videoDetails.id;\n\n return \"https://img.youtube.com/vi/\" + videoID + \"/0.jpg\";\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"
\n#### 2. Blocos HTML","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":225,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":784,"value":"ferramenta_mats = function (arr) {\n let html = \"

\";\n let htmlfinal = \"\";\n let c = 0;\n let tipovideo = \"\";\n\n for (let k = 0; k < arr.length; k++) {\n c++;\n\n if (arr[k].imagemurl.indexOf(\"youtu\") >= 0) {\n arr[k].imagemurl2 = youtubeImage(arr[k].imagemurl);\n } else {\n arr[k].imagemurl2 = arr[k].imagemurl;\n }\n\n if (arr[k].link == \"\" || typeof arr[k].link === \"undefined\") {\n html += ``;\n } else {\n html += ``;\n }\n\n html += `

${arr[k].titulo}
${arr[k].autoria}
`;\n }\n\n html += \"

\";\n if (c > 0) {\n htmlfinal = html;\n }\n return htmlfinal;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2d:"$2c:body"