31: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 }; } }32:[] 2f:{"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"},{"id":240,"value":"viewof filtros = Inputs.text({\n placeholder: \"Termos para pesquisa\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1039,"value":"

","pinned":false,"hidden":false,"mode":"html"},{"id":1033,"value":"## Artefatos de dataviz e infografia","pinned":false,"hidden":false,"mode":"md"},{"id":978,"value":"totaldataviz = html`${matselect.length} de ${materiais.length}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":901,"value":"dataviz = html`${ferramenta_mats(matselect)}`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":1043,"value":"

","pinned":false,"hidden":false,"mode":"html"},{"id":10,"value":"
\n
\n
\n\n------------------\n## Apêndice","pinned":false,"hidden":false,"mode":"md"},{"id":29,"value":"#### 1. Captura dos dados da planilha","pinned":false,"hidden":false,"mode":"md"},{"id":33,"value":"##### Função que captura dados do banco","pinned":false,"hidden":false,"mode":"md"},{"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"},{"id":777,"value":"materiais = getdata(\n \"https://opensheet.elk.sh/1d9eKw82lnM5GvVkBUe8wLcHSxpmDm5B6dUqWRbazOik/POSTS_VISSE\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":960,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":63,"value":"
\n#### 2. Blocos HTML","pinned":false,"hidden":false,"mode":"md"},{"id":225,"value":"","pinned":false,"hidden":false,"mode":"html"},{"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"}],"files":"$W32","stdlib":"1","titling":"auto"}