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 materiais de aula","cells":[{"id":0,"value":"# Componentes de materiais de aula\nFuturo do design","pinned":false,"hidden":false,"mode":"md"},{"id":240,"value":"viewof filtros = Inputs.text({\n placeholder: \"Ex: web, generativo, grid\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":944,"value":"Exibindo **${matselect.length}** materiais de **${materiais.length}** catalogados\n

","pinned":false,"hidden":false,"mode":"md"},{"id":901,"value":"curadoria = html`${ferramenta_mats(matselect)}`","pinned":false,"hidden":false,"mode":"ojs"},{"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://www.ranoya.com/AssetsManager/simplequery/?cat=workshops&filter=aulasemvideo,futuro\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":898,"value":"viewof matselect = Inputs.search(materiais, {\n label: \"matselect\",\n placeholder: \"Nenhum filtro\",\n query: vazio(filtros),\n disabled: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":934,"value":"vazio = function (dado) {\n if (dado == \"\") {\n return \"nada\";\n } else {\n return dado;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":982,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":986,"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\n for (let k = 0; k < arr.length; k++) {\n c++;\n html += ``;\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"}