index.js 63 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552
  1. function initLanguage(langKey) {
  2. let defaultLang = 'en';
  3. let lang = langKey || defaultLang;
  4. if (defaultLang !== lang) {
  5. injectLanguageJsSources(lang);
  6. //updateLanguageText();
  7. }
  8. }
  9. // logout
  10. $("#modal_logout_btn").on("click", function () {
  11. // logout();
  12. });
  13. function logout() {
  14. $.ajax(`${CCB.base_url}api/logout`, {
  15. type: "GET",
  16. xhrFields: {
  17. withCredentials: true
  18. },
  19. success: () => {
  20. // $('#login_iframe').attr('src', '//staging.cocorobo.cn/login/');
  21. appendIframe("TM_login");
  22. $('#TM_login').children().css("height", "820px");
  23. appendIframe("before_login");
  24. appendIframe("cloud_askLogin");
  25. Materialize.toast(CCB.str_group.success_userLogout, 4000);
  26. CCB.userState = false;
  27. $("#cloud_fileListArea").html("");
  28. loginModalStatus();
  29. $("#modal_logout_btn").addClass('blue')
  30. $(".svgImg").css('display', 'none');
  31. $(".translate-signout").css('opacity', '1')
  32. }
  33. });
  34. }
  35. // 点击语言下拉隐藏
  36. // document.onclick = function () {
  37. // $('#languages').removeClass('active');
  38. // $('#languages').css({ display: 'none' })
  39. // }
  40. // 点击切换语言
  41. // $('#nav_language').click(function (e) {
  42. // $('#languages').addClass('active');
  43. // $('#languages').css({ display: 'block', opacity: 1, position: 'absolute',top:'64px' })
  44. // var ev = e || window.event;
  45. // if (ev.stopPropagation) { //阻止冒泡,否则会触发点击空白区域的事件
  46. // ev.stopPropagation();
  47. // } else if (window.event) {
  48. // window.event.cancelBubble = true; //兼容IE
  49. // }
  50. // })
  51. function getUrlLanguage() {
  52. const val = location.search.match(new RegExp('[?&]lang=([^&]+)'));
  53. let language = val ? decodeURIComponent(val[1].replace(/\+/g, '%20')) : '';
  54. if (['en', 'zh-hant', 'zh-hans'].indexOf(language) < 0) return 'zh-hant';
  55. return language;
  56. };
  57. function injectLanguageJsSources(langKey) {
  58. const head = document.getElementsByTagName('head')[0];
  59. // Retrieve and inject Ardublockly translations synchronously
  60. const appLangJsLoad = document.createElement('script');
  61. const request = createAjaxRequest();
  62. const appLangJdPath = `msg/${langKey}.js`;
  63. try {
  64. request.open('GET', appLangJdPath, false);
  65. request.send('');
  66. appLangJsLoad.text = request.responseText;
  67. } catch (e) {
  68. // But still asynchronous lazy load so at least some text gets translated
  69. appLangJsLoad.src = appLangJdPath;
  70. }
  71. head.appendChild(appLangJsLoad);
  72. // Retrieve and inject Blockly translations asynchronously
  73. const blocklyLangJsLoad = document.createElement('script');
  74. blocklyLangJsLoad.src = `blockly/msg/js/${langKey}.js`;
  75. head.appendChild(blocklyLangJsLoad);
  76. };
  77. function createAjaxRequest() {
  78. let request = false;
  79. try {
  80. // Firefox, Chrome, IE7+, Opera, Safari
  81. request = new XMLHttpRequest();
  82. } catch (e) {
  83. // IE6 and earlier
  84. try {
  85. request = new ActiveXObject('Msxml2.XMLHTTP');
  86. } catch (e) {
  87. try {
  88. request = new ActiveXObject('Microsoft.XMLHTTP');
  89. } catch (e) {
  90. throw 'Your browser does not support AJAX. You will not be able to' +
  91. 'use all of Ardublockly features.';
  92. request = null;
  93. }
  94. }
  95. }
  96. return request;
  97. };
  98. function updateLanguageText() {
  99. for (let textId in LOCALISED_TEXT) {
  100. const textStrings = document.getElementsByClassName(`translate-${textId}`);
  101. for (let i = 0; i < textStrings.length; i++) {
  102. textStrings[i].innerHTML = LOCALISED_TEXT[textId];
  103. }
  104. }
  105. };
  106. function clearBlocks(cb = () => { }) {
  107. const length = Blockly.mainWorkspace.getAllBlocks(true).length;
  108. if (length < 2) {
  109. Blockly.mainWorkspace.clear();
  110. cb();
  111. } else {
  112. Blockly.confirm(
  113. Blockly.Msg.DELETE_ALL_BLOCKS.replace("%1", length),
  114. ok => {
  115. if (!ok) return;
  116. Blockly.mainWorkspace.clear();
  117. cb();
  118. }
  119. );
  120. }
  121. }
  122. function addLibButton(lang) {
  123. // const addLib = document.createElement("button");
  124. // addLib.className = "waves-effect waves-light btn blue";
  125. // let content = lang === 'zh-hans' ? "添加库" : lang === 'zh-hant' ? "添加庫" : "Add Library";
  126. // addLib.textContent = content;
  127. // addLib.style = `
  128. // position: absolute;
  129. // width: 88%;
  130. // bottom: 10px;
  131. // left: 50%;
  132. // transform: translateX(-50%);
  133. // `;
  134. // $(addLib).click(e =>
  135. // blockpy.components.dialog.show("Add Library", document.createElement("div")));
  136. // $(".blocklyToolboxDiv").append(addLib);
  137. }
  138. // /**
  139. // * Save blocks into local storage. Note that MSIE 11 does not support
  140. // * LocalStorage on file:// URLs.
  141. // */
  142. // function saveLocalStorageBlocks() {
  143. // if (window.sessionStorage) {
  144. // var xml = blockpy.components.editor.getBlocksFromXml();
  145. // var text = Blockly.Xml.domToText(xml);
  146. // localStorage.setItem("blocks", text);
  147. // }
  148. // // blockpy.components.editor.getBlocksFromXml()
  149. // };
  150. // /** Load blocks saved on loacl storage and deletes them from storage. */
  151. // function loadLocalStorageBlocks() {
  152. // // try {
  153. // // var loadOnce = window.localStorage.loadOnceBlocks;
  154. // // } catch (e) {
  155. // // // Firefox sometimes throws a SecurityError when accessing sessionStorage.
  156. // // // Restarting Firefox fixes this, so it looks like a bug.
  157. // // var loadOnce = null;
  158. // // }
  159. // var loadBlocks = localStorage.getItem("blocks");
  160. // if (loadBlocks) {
  161. // var xml = Blockly.Xml.textToDom(loadBlocks);
  162. // blockpy.components.editor.setBlocksFromXml(xml);
  163. // localStorage.removeItem('blocks')
  164. // }
  165. // };
  166. var copyCodeClipboard;
  167. $(window).one("load", () => {
  168. // 判断从python blcokly 跳转过来是ai或者iot
  169. if (window.location.search.indexOf('name') > -1 || getLocalStorage("type") == 1) {
  170. $("#mode")[0].selectedIndex = 0;
  171. $("#mode")[0].onchange();
  172. $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
  173. selectmode($("#mode")[0], true);
  174. appearExample(1);
  175. } else {
  176. $("#mode")[0].selectedIndex = 1;
  177. $("#mode")[0].onchange();
  178. $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.ai_module;
  179. selectmode($("#mode")[0], true);
  180. appearExample(0);
  181. }
  182. $('#white-box').css('display', 'none');
  183. const _lang = getUrlLanguage();
  184. const copyCodeClipboard = new ClipboardJS(".copy_code", {
  185. text: function () {
  186. return blockpy.components.editor.codeMirror.getValue();
  187. // const codes = $(".CodeMirror-code pre");
  188. // let target = "";
  189. // for (let i = 0; i < codes.length; i++) {
  190. // let line = codes[i].textContent;
  191. // !(line.length === 1 && line.charCodeAt(0) === 8203) ? target += line : "";
  192. // i !== codes.length - 1 ? target += "\n" : "";
  193. // }
  194. // return target;
  195. }
  196. });
  197. copyCodeClipboard.on("success", () => copyCodeToast(2000));
  198. const copyCodeToast = (function (lang) {
  199. let toast = null,
  200. timeout = null;
  201. const content = lang === 'zh-hans' ? "复制成功" :
  202. lang === 'zh-hant' ? "複製成功" : "Copy Successfully";
  203. return function (ms) {
  204. if (toast) {
  205. toast.dismiss();
  206. clearTimeout(timeout);
  207. }
  208. toast = Materialize.toast(content, ms);
  209. timeout = setTimeout(() => toast = timeout = null, ms);
  210. };
  211. })(_lang);
  212. $("#delete-all").click(() => clearBlocks());
  213. $("#screenshot").click(() => Blockly.captureDialog_());
  214. $("#clearOutput").click(() => $(".blockpy-printer").html(""));
  215. $("#resetAll").click(() => clearBlocks(() => $(".blockpy-printer").html("")));
  216. $("#lang-tool").click(() => $("#side-lang-trigger > a").dropdown('open'));
  217. $("#file-tool").click(() => $("#side-file-trigger > a").dropdown('open'));
  218. $("#blockpy-content > .blockpy-editor img.fullscreenIcon").click(e => {
  219. $(e.currentTarget.parentNode).toggleClass("fullscreen");
  220. $("#blockpy-content > .blockpy-editor img.fullscreenIcon").toggleClass("hidden");
  221. $("html").toggleClass("fullscreenMode");
  222. setTimeout(function () {
  223. Blockly.svgResize(blockpy.components.editor.blockly);
  224. Blockly.svgResize(Blockly.mainWorkspace);
  225. }, 100)
  226. });
  227. $("#blockpy-content .card-header > img.fullscreenIcon").click(e => {
  228. $(e.currentTarget.parentNode.parentNode).toggleClass("fullscreen");
  229. $("#blockpy-content .card-header > img.fullscreenIcon").toggleClass("hidden");
  230. $("html").toggleClass("fullscreenMode");
  231. setTimeout(() => $(".blockpy-toolbar > .blockpy-text")
  232. .css("height", "90%")
  233. .css("height", "100%"), 0);
  234. });
  235. // 提示全屏
  236. setTimeout(() => {
  237. if (document.body.clientWidth < 1265) {
  238. alert(CCB.str_group.alert)
  239. }
  240. myChart = echarts.init(document.getElementById('echartsMain'));
  241. window.onresize = function () {
  242. myChart.resize();
  243. }
  244. }, 1000)
  245. // 加载echarts
  246. myChart = myChart = echarts.init(document.getElementById('echartsMain'));
  247. window.onresize = function () {
  248. myChart.resize();
  249. }
  250. // 点击复制分享链接
  251. copyShare()
  252. $("#local_connect_select li").bind({
  253. mouseover: function () {
  254. $(this).children("ul").toggle();
  255. $("#plugin_mac_or_windows").css("opacity", "1");
  256. $("#connect_method").css("opacity", "1");
  257. },
  258. mouseout: function () {
  259. $(this).children("ul").toggle();
  260. $("#plugin_mac_or_windows").css("opacity", "0");
  261. $("#connect_method").css("opacity", "0");
  262. }
  263. });
  264. $("#local_help li").bind({
  265. mouseover: function () {
  266. $(this).children("ul").toggle();
  267. $("#local_help_ai_kit").css("opacity", "1");
  268. $("#help_extends").css("opacity", "1");
  269. },
  270. mouseout: function () {
  271. $(this).children("ul").toggle();
  272. $("#local_help_ai_kit").css("opacity", "0");
  273. $("#help_extends").css("opacity", "0");
  274. }
  275. });
  276. });
  277. window.onbeforeunload = window.onunload = function () {
  278. if ($("#mode")[0].selectedIndex == 1) {
  279. saveLocalStorage("type", 0);
  280. saveLocalStorageBlocks("pythonai-mode-blocks-xml");
  281. } else {
  282. saveLocalStorage("type", 1);
  283. saveLocalStorageBlocks("pythonmc-mode-blocks-xml");
  284. }
  285. }
  286. window.onload = function () {
  287. var url = window.location.hash.substring(1);
  288. // if (url) {
  289. // document.getElementById('ipAddress').value = 'ws://' + url;
  290. // }
  291. $('.dropdown-trigger').dropdown();
  292. setTimeout(() => $('.modal').modal(), 0);
  293. blockpy = new BlockPy({
  294. blocklyPath: "blockly/",
  295. attachmentPoint: document.getElementById("blockpy-div"),
  296. instructor:
  297. !getQueryParams()["instructor"] ||
  298. getQueryParams()["instructor"] == "true",
  299. developer: true,
  300. editor: getQueryParams()["mode"] || "Split",
  301. urls: {
  302. }
  303. });
  304. // ready();
  305. var size = calculate_size($("#term")[0]);
  306. term = new Terminal({
  307. cols: size[0],
  308. rows: size[1],
  309. useStyle: true,
  310. screenKeys: true,
  311. cursorBlink: false
  312. });
  313. term.open(document.getElementById("term"));
  314. //show_https_warning();
  315. $(".filled-in")[0].onclick = function () {
  316. var _chi = $(".filled-in")[0];
  317. var _par = $(".filled-in")[0].parentNode;
  318. if (!_chi.checked) {
  319. _par.children[1].className = 'filled-in_nocheked translatable_Adapter_fill_connected';
  320. _par.children[1].innerHTML = CCB.str_group.Adapter_fill_connected;
  321. } else {
  322. _par.children[1].className = 'translatable_Adapter_connected';
  323. _par.children[1].innerHTML = CCB.str_group.Adapter_connected;
  324. };
  325. }
  326. setTimeout(() => {
  327. cocoblockly();
  328. }, 0);
  329. $('.blockpy-toolbar-download').on(
  330. "click", () => export_data(
  331. pythonnewcode || Blockly.Python.workspaceToCode(blockpy.components.editor.blockly) || blockpy.components.editor.codeMirror.getValue(), '.py', 0
  332. )
  333. );
  334. $('.blockpy-toolbar-edit').click(e => $('#toggle-button').click());
  335. const uploadXmlButton = $('#pyFileImport > input');
  336. uploadXmlButton.change(function () {
  337. var fr = new FileReader();
  338. var files = uploadXmlButton[0].files;
  339. const file = files[0];
  340. Ardublockly.alertExampleMessage(
  341. '', Ardublockly.getLocalStr('loadBlockBody'),
  342. true, {});
  343. fr.onload = function (e) {
  344. var pyInnerHTML = e.target.result;
  345. blockpy.components.editor.codeMirror.setValue(pyInnerHTML);
  346. };
  347. fr.readAsText(file);
  348. setTimeout(() => {
  349. $('#loading').css({ 'display': 'none' });
  350. $('#example_alert').modal('close');
  351. }, 300)
  352. uploadXmlButton.val("");
  353. });
  354. $('.blockpy-toolbar-upload').click(e => $('#pyFileImport > input').click());
  355. fanyi();
  356. selectOnload();
  357. styled()
  358. let iframe = document.createElement("iframe")
  359. iframe.src = window.location.host.indexOf("beta") > -1 ? "//beta.project-x.cocorobo.cn/" : '//project-x.cocorobo.cn/';
  360. iframe.style.width = "100%";
  361. iframe.style.height = "50vh";
  362. document.getElementById('iframe').appendChild(iframe)
  363. // $('#select_mode')[0].onchange = function(e){
  364. // var e = e.target;
  365. // selectmode(e.selectedIndex);
  366. // var _index = e.selectedIndex;
  367. //   localStorage.setItem("ModeIndex",_index);
  368. //   
  369. // }
  370. // var _index = localStorage.getItem("ModeIndex") != "undefined" ? localStorage.getItem("ModeIndex") : 0;
  371. // selectmode(parseInt(_index));
  372. // $('#select_mode')[0].selectedIndex = parseInt(_index);
  373. $('#toggle-button').click(() => {
  374. if ($('#toggle-button')[0].checked) {
  375. $('#edit')[0].style.display = 'none';
  376. // $('.translatable_editing')[0].style.display = "none";
  377. // $('.translatable_close_editing')[0].style.display = "inline-block"
  378. $("#edit-on").css({
  379. "display": "block"
  380. });
  381. $("#edit-off").css({
  382. "display": "none"
  383. });
  384. } else {
  385. $('#edit')[0].style.display = 'block';
  386. // $('.translatable_editing')[0].style.display = "inline-block";
  387. // $('.translatable_close_editing')[0].style.display = "none"
  388. $("#edit-on").css({
  389. "display": "none"
  390. });
  391. $("#edit-off").css({
  392. "display": "block"
  393. });
  394. }
  395. })
  396. $('#sketch_name').focus(function () {
  397. if (window.location.search.indexOf("en") > -1) {
  398. this.setAttribute("placeholder", "Please enter the name of the work");
  399. $('#sketch_name').css("width", "330px");
  400. }
  401. else if (window.location.search.indexOf("zh-hans") > -1) {
  402. this.setAttribute("placeholder", "请输入作品名称");
  403. $('#sketch_name').css("width", "200px");
  404. }
  405. else {
  406. this.setAttribute("placeholder", "請輸入作品名稱");
  407. $('#sketch_name').css("width", "200px");
  408. }
  409. }).blur(function () {
  410. if (window.location.search.indexOf("en") > -1) {
  411. this.setAttribute("placeholder", "Please enter the name of the work");
  412. $('#sketch_name').css("width", "330px");
  413. }
  414. else if (window.location.search.indexOf("zh-hans") > -1) {
  415. this.setAttribute("placeholder", "请输入作品名称");
  416. $('#sketch_name').css("width", "200px");
  417. }
  418. else {
  419. this.setAttribute("placeholder", "請輸入作品名稱");
  420. $('#sketch_name').css("width", "200px");
  421. }
  422. });
  423. $("#python_full_screen").click(() => {
  424. window.location.href = "./python/?" + window.location.href.split("?")[1];
  425. })
  426. $("#button_save_cloud").click(() => {
  427. // var code = Ardublockly.generateXml();
  428. // var title = $("#sketch_name").val() != '' ? $("#sketch_name").val() : '未命名';
  429. // savelxfile(code, title, showSaveToast);
  430. })
  431. }
  432. function styled() {
  433. if (window.location.search.indexOf("en") > -1) {
  434. $(".downbox-style").css({ width: '280px', marginLeft: '-100px' })
  435. $("#downboxModule").addClass("english");
  436. $("#local_saveOrOpen").addClass("fileEnglish");
  437. $("#local_connect_select").addClass("fileEnglish");
  438. // $("#Serial_Interaction").css("marginLeft", "15px");
  439. // $("#Serial_Display").css("marginLeft", "35px");
  440. $("#iot_modules").css("width", "170px");
  441. $("#plugin_mac_or_windows").css("left", "208px");
  442. $("#connect_method").css("left", "208px");
  443. $("#connect_method").css("minWidth","155px");
  444. $("#local_help").addClass("helpEnglish");
  445. $("#local_help_ai_kit").css("left", "242px");
  446. $("#help_extends").css("left", "242px");
  447. // $("#Serial_Interaction").css("left","120px");
  448. // $("#Serial_Display").css("left","260px");
  449. $("body").css("font-family", "Arial");
  450. $("input").css("font-family", "Arial");
  451. $("#workspace_screenshot").css("right", "470px");
  452. $("#downloadbutton-li").css("right", "62px");
  453. }
  454. }
  455. function selectConnectMethods(type) {
  456. if ($('#runCode')[0].innerHTML == CCB.str_group.uploading) {
  457. if (type == 0) {
  458. $('.select-connected')[0].selectedIndex = 1;
  459. return null;
  460. }
  461. else {
  462. $('.select-connected')[0].selectedIndex = 0;
  463. return null;
  464. }
  465. }
  466. if (type == 0) {
  467. $('.select-connected')[0].selectedIndex = 0;
  468. $('.btn-network')[0].className = 'col cs6 btn-network';
  469. $('.btn-network')[1].className = 'col cs6 btn-network hidden';
  470. } else {
  471. $('#runCode')[0].innerHTML = Ardublockly.LOCALISED_TEXT.runCode;
  472. $('#uploadFiles')[0].innerHTML = Ardublockly.LOCALISED_TEXT.uploadFiles;
  473. $('.select-connected')[0].selectedIndex = 1;
  474. $('.btn-network')[1].className = 'col cs6 btn-network';
  475. $('.btn-network')[0].className = 'col cs6 btn-network hidden';
  476. }
  477. }
  478. function fanyi() {
  479. $('.ModeSelect')[0].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_Example;
  480. $('.ModeBox')[0].children[0].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.artificial_intelligence_textbook_program;
  481. $('.Hardware9 div')[0].innerHTML = Ardublockly.LOCALISED_TEXT.third_grade;
  482. $('.ModeBox ul')[0].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.recorded_voice_command;
  483. $('.ModeBox ul')[0].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.voice_recognition_lamp_stand;
  484. $('.Hardware5 div')[0].innerHTML = Ardublockly.LOCALISED_TEXT.fifth_grade;
  485. $('.ModeBox ul')[1].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.recorded_voice_command;
  486. $('.ModeBox ul')[1].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.intelligent_curtain;
  487. $('.ModeBox ul')[1].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.fruit_picking_robot;
  488. $('.Hardware6 div')[0].innerHTML = Ardublockly.LOCALISED_TEXT.sixth_grade;
  489. $('.ModeBox ul')[2].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.intelligent_traffic_lights;
  490. $('.ModeBox ul')[2].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.seeing_eye_necklace;
  491. $('.Hardware7 div')[0].innerHTML = Ardublockly.LOCALISED_TEXT.seventh_grade;
  492. $('.ModeBox ul')[3].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.face_recognition_electronic_police;
  493. $('.Hardware8 div')[0].innerHTML = Ardublockly.LOCALISED_TEXT.eighth_grade;
  494. $('.ModeBox ul')[4].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.payment_platform;
  495. $('.ModeBox')[0].children[1].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_Basics;
  496. $('.ModeBox ul')[5].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_sbcb;
  497. $('.ModeBox ul')[5].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_sbcsl;
  498. $('.ModeBox ul')[5].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_tacl
  499. $('.ModeBox ul')[5].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_ba
  500. $('.ModeBox ul')[5].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_desl
  501. $('.ModeBox ul')[5].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_tdsl;
  502. $('.ModeBox ul')[5].children[6].innerHTML = Ardublockly.LOCALISED_TEXT.select_ha;
  503. $('.ModeBox ul')[5].children[7].innerHTML = Ardublockly.LOCALISED_TEXT.select_ssl;
  504. $('.ModeBox ul')[5].children[8].innerHTML = Ardublockly.LOCALISED_TEXT.select_ldliv;
  505. $('.ModeBox')[0].children[2].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_imefc;
  506. $('.ModeBox ul')[6].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_uls;
  507. $('.ModeBox ul')[6].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_umdm;
  508. $('.ModeBox ul')[6].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_uoglls;
  509. $('.ModeBox ul')[6].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_auogsm;
  510. $('.ModeBox ul')[6].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_ctsotem;
  511. $('.ModeBox ul')[6].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_thwos;
  512. $('.ModeBox ul')[6].children[6].innerHTML = Ardublockly.LOCALISED_TEXT.select_sdla;
  513. $('.ModeBox ul')[6].children[7].innerHTML = Ardublockly.LOCALISED_TEXT.select_line;
  514. $('.ModeBox ul')[6].children[8].innerHTML = Ardublockly.LOCALISED_TEXT.select_bccs;
  515. $('.ModeBox ul')[6].children[9].innerHTML = Ardublockly.LOCALISED_TEXT.select_stepCounter;
  516. $('.ModeBox')[0].children[3].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_ionc;
  517. $('.ModeBox ul')[7].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_btsldtc;
  518. $('.ModeBox ul')[7].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_ktsedti;
  519. $('.ModeBox ul')[7].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_btoldalua;
  520. $('.ModeBox ul')[7].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_tsedtc;
  521. $('.ModeBox ul')[7].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_toedaluatc;
  522. $('.ModeBox ul')[7].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_ewhadtnocd;
  523. $('.ModeBox ul')[7].children[6].innerHTML = Ardublockly.LOCALISED_TEXT.select_ledss;
  524. $('.ModeBox ul')[7].children[7].innerHTML = Ardublockly.LOCALISED_TEXT.select_ledac;
  525. $('.ModeBox ul')[7].children[8].innerHTML = Ardublockly.LOCALISED_TEXT.select_ctwn;
  526. $('.ModeBox ul')[7].children[9].innerHTML = Ardublockly.LOCALISED_TEXT.select_bssbms;
  527. $('.ModeBox ul')[7].children[10].innerHTML = Ardublockly.LOCALISED_TEXT.select_bsrbmc;
  528. $('.ModeBox ul')[7].children[11].innerHTML = Ardublockly.LOCALISED_TEXT.select_wrcbms;
  529. $('.ModeBox ul')[7].children[12].innerHTML = Ardublockly.LOCALISED_TEXT.select_wrcbmr;
  530. $('.ModeBox ul')[7].children[13].innerHTML = Ardublockly.LOCALISED_TEXT.select_snt;
  531. $('.ModeBox ul')[7].children[14].innerHTML = Ardublockly.LOCALISED_TEXT.select_dwsdat;
  532. $('.ModeBox')[0].children[4].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_work_u;
  533. $('.ModeBox ul')[8].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_middle_led;
  534. $('.ModeBox ul')[8].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_all_led;
  535. $('.ModeBox ul')[8].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_liu_led;
  536. $('.ModeBox ul')[8].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_warning;
  537. $('.ModeBox ul')[8].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_music;
  538. $('.ModeBox ul')[8].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_button_open;
  539. $('.ModeBox ul')[8].children[6].innerHTML = Ardublockly.LOCALISED_TEXT.select_touch_open;
  540. $('.ModeBox ul')[8].children[7].innerHTML = Ardublockly.LOCALISED_TEXT.select_button_close;
  541. $('.ModeBox ul')[8].children[8].innerHTML = Ardublockly.LOCALISED_TEXT.select_control_LED;
  542. $('.ModeBox ul')[8].children[9].innerHTML = Ardublockly.LOCALISED_TEXT.select_sensor_LED;
  543. $('.ModeBox ul')[8].children[10].innerHTML = Ardublockly.LOCALISED_TEXT.select_humidity_alarm;
  544. $('.ModeBox')[0].children[5].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_work_d;
  545. $('.ModeBox ul')[9].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_shaking_LED;
  546. // $('.ModeBox ul')[4].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_connect_wifi;
  547. $('.ModeBox ul')[9].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_show_statement;
  548. $('.ModeBox ul')[9].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_establish_WiFi;
  549. $('.ModeBox ul')[9].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_download_lighting;
  550. $('.ModeBox ul')[9].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_controlling_servo;
  551. $('.ModeBox ul')[9].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_move_servo;
  552. $('.ModeBox ul')[9].children[6].innerHTML = Ardublockly.LOCALISED_TEXT.select_button_controlling_servo;
  553. $('.ModeBox ul')[9].children[7].innerHTML = Ardublockly.LOCALISED_TEXT.select_face_recognition_door;
  554. $('.ModeBox ul')[9].children[8].innerHTML = Ardublockly.LOCALISED_TEXT.select_speech_recognition_car;
  555. $('.ModeBox ul')[9].children[9].innerHTML = Ardublockly.LOCALISED_TEXT.select_gyro_control_robot;
  556. $('.ModeBox ul')[9].children[10].innerHTML = Ardublockly.LOCALISED_TEXT.select_gesture_recognition_robot;
  557. $('.ModeBox ul')[9].children[11].innerHTML = Ardublockly.LOCALISED_TEXT.select_speech_recogniton_lamp;
  558. $('.ModeBox')[0].children[6].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_smmlc;
  559. $('.ModeBox ul')[10].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_gcaerhk;
  560. $('.ModeBox ul')[10].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_frs;
  561. $('.ModeBox ul')[10].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_ors;
  562. $('.ModeBox ul')[10].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_fr;
  563. $('.ModeBox ul')[10].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_or;
  564. $('.ModeBox ul')[10].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_srd;
  565. $('.ModeBox ul')[10].children[6].innerHTML = Ardublockly.LOCALISED_TEXT.select_srt;
  566. $('.ModeBox ul')[10].children[7].innerHTML = Ardublockly.LOCALISED_TEXT.select_mhdr;
  567. $('.ModeBox')[0].children[7].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_ambc;
  568. $('.ModeBox ul')[11].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_bcsc;
  569. $('.ModeBox ul')[11].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_kcpccs;
  570. $('.ModeBox ul')[11].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_kcpficc;
  571. $('.ModeBox ul')[11].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_bccs;
  572. $('.ModeBox ul')[11].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_mc;
  573. $('.ModeBox ul')[11].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_sor;
  574. $('.ModeBox ul')[11].children[6].innerHTML = Ardublockly.LOCALISED_TEXT.select_sdla;
  575. $('.ModeBox')[0].children[8].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_amefc;
  576. $('.ModeBox ul')[12].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_auls;
  577. $('.ModeBox ul')[12].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_aumdm;
  578. $('.ModeBox ul')[12].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_auogsm;
  579. $('.ModeBox ul')[12].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_actsotem;
  580. $('.ModeBox ul')[12].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_greedy_snake;
  581. $('.ModeBox')[0].children[9].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_amvc;
  582. $('.ModeBox ul')[13].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_bctbotci;
  583. $('.ModeBox ul')[13].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_aca;
  584. $('.ModeBox ul')[13].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_rqc;
  585. $('.ModeBox ul')[13].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_lhbl;
  586. $('.ModeBox ul')[13].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_fgr;
  587. $('.ModeBox ul')[13].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_fgaat;
  588. $('.ModeBox')[0].children[10].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_av;
  589. $('.ModeBox ul')[14].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.paly_video;
  590. $('.ModeBox ul')[14].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.paly_music;
  591. $('.ModeBox ul')[14].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.recording_camera;
  592. $('.ModeBox ul')[14].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.microphone_sound_analysis;
  593. $('.ModeBox')[0].children[11].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_teacher;
  594. $('.ModeBox ul')[15].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_thw;
  595. $('.ModeBox ul')[15].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_thwos;
  596. $('.ModeBox ul')[15].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_uoc;
  597. $('.ModeBox ul')[15].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_mc;
  598. $('.ModeBox ul')[15].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_sor;
  599. $('.ModeBox')[0].children[12].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_teacher2;
  600. $('.ModeBox ul')[16].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_aiaor;
  601. $('.ModeBox ul')[16].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_aifr;
  602. $('.ModeBox ul')[16].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_aica;
  603. $('.ModeBox ul')[16].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_aisrc;
  604. $('.ModeBox ul')[16].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_aisrr;
  605. $('.ModeBox ul')[16].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_aiaa;
  606. $('.ModeBox')[0].children[13].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_teachingcases;
  607. $('.ModeBox ul')[17].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ex1_servo;
  608. $('.ModeBox ul')[17].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.ex2_Ultrasound;
  609. // $('.ModeBox ul')[12].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.ex3_RangeFinder;
  610. // $('.ModeBox ul')[12].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.ex4_LightStrip;
  611. // $('.ModeBox ul')[12].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.ex5_Microbit;
  612. // $('.ModeBox ul')[12].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.ex6_MicrobitFace;
  613. // $('.ModeBox ul')[12].children[6].innerHTML = Ardublockly.LOCALISED_TEXT.ex7_Door;
  614. $('.ModeBox ul')[17].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.ex4_LightStrip
  615. $('.ModeBox ul')[17].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.ex5_Microbit;
  616. $('.ModeBox ul')[17].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.ex6_MicrobitFace;
  617. $('.ModeBox ul')[17].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.ex7_Door;
  618. $('.ModeBox')[0].children[14].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_wc;
  619. $('.ModeBox ul')[18].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_smaa;
  620. $('.ModeBox ul')[18].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.ai_gc;
  621. $('.ModeBox ul')[18].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.ai_wsb;
  622. $('.ModeBox')[0].children[15].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_ad;
  623. $('.ModeBox ul')[19].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_trsr;
  624. $('.ModeBox ul')[19].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.ai_tpl2;
  625. $('.ModeBox ul')[19].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.ai_tpll;
  626. $('.ModeBox ul')[19].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.ai_tph;
  627. // $('.ModeBox ul')[3].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_Mandarin;
  628. // $('.ModeBox ul')[3].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_English;
  629. // $('.ModeBox ul')[3].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_Cantonese;
  630. // $('#uploadFiles')[0].innerHTML = Ardublockly.LOCALISED_TEXT.uploadFiles;
  631. // $("#sketch_name").val(Ardublockly.LOCALISED_TEXT.sketch_name);
  632. $('#runCode')[0].innerHTML = Ardublockly.LOCALISED_TEXT.runCode;
  633. $('#uploadFiles')[0].innerHTML = Ardublockly.LOCALISED_TEXT.uploadFiles;
  634. // $('#resetDevice')[0].innerHTML = Ardublockly.LOCALISED_TEXT.resetDevice;
  635. $('#select_dropdown')[0].value = Ardublockly.LOCALISED_TEXT.select_dropdown;
  636. $('#iot_modules')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
  637. $(".qiehuanbtn")[0].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.a_csm;
  638. $("#localsssssaveOrOpen")[0].children[0].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.a_butvmi;
  639. $("#localsssssaveOrOpen")[0].children[1].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.a_buartlp;
  640. // $("#Serial_Interaction")[0].innerHTML = Ardublockly.LOCALISED_TEXT.Serial_Interaction;
  641. $('#ai_tt div')[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_thw;
  642. $('#ai_tt div')[1].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_thwos;
  643. $('#ai_tt div')[2].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_uoc;
  644. $('#ai_tt div')[3].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_mc;
  645. $('#ai_tt div')[4].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_sor;
  646. }
  647. function selectOnload() {
  648. $('.select-connected')[0].onchange = function () {
  649. var a = $('.select-connected')[0].selectedIndex;
  650. if ($('#runCode')[0].innerHTML == CCB.str_group.uploading) {
  651. if (a == 0) {
  652. $('.select-connected')[0].selectedIndex = 1;
  653. return null;
  654. } else {
  655. $('.select-connected')[0].selectedIndex = 0;
  656. return null;
  657. }
  658. }
  659. if (a == 0) {
  660. $('.btn-network')[0].className = 'col s6 btn-network';
  661. $('.btn-network')[1].className = 'col s6 btn-network hidden';
  662. } else {
  663. $('.btn-network')[1].className = 'col s6 btn-network';
  664. $('.btn-network')[0].className = 'col s6 btn-network hidden';
  665. }
  666. }
  667. $('.selectMode_input')[0].onclick = function (e) {
  668. $('.MouduleBox')[0].style.cssText = 'display:block';
  669. }
  670. $('.ModeSelectBox')[0].onclick = function (e) {
  671. U.UF.EV.stopBubble();
  672. $('.ModeSelect')[0].className = 'ModeSelect active';
  673. $('#downboxModule').css("display", "none");
  674. }
  675. likeclose($('.selectMode_input')[0], $('.MouduleBox')[0], '', '');
  676. likeclose($('.ModeSelect')[0].children[0], $('.ModeSelect')[0], 1, 'ModeSelect');
  677. likeclose($('#bar_ai img')[0], $('.MouduleBox')[1], '', '');
  678. likeclose($('#bar_t img')[0], $('#ai_tt')[0], '', '');
  679. var MChild = $('.MouduleBox')[0].children;
  680. var tchild = $('.MouduleBox')[1].children;
  681. for (var i = 0; i < MChild.length; i++) {
  682. tchild[i].onclick = MChild[i].onclick = function (e) {
  683. window.event ? window.event.cancelBubble = true : e.stopPropagation()
  684. var e = e.target;
  685. if (e.parentElement.children[2] && e.parentElement.children[2].children.length > 0) { } else {
  686. if (e.innerHTML == Ardublockly.LOCALISED_TEXT.iot_module) {
  687. $("#mode")[0].selectedIndex = 0;
  688. $("#mode")[0].onchange();
  689. $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
  690. appearExample(1);
  691. }
  692. else if (e.innerHTML == Ardublockly.LOCALISED_TEXT.ai_module) {
  693. $("#mode")[0].selectedIndex = 1;
  694. $("#mode")[0].onchange();
  695. $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.ai_module;
  696. appearExample(0);
  697. }
  698. $('.MouduleBox')[0].style.display = 'none';
  699. $('.MouduleBox')[1].style.display = 'none';
  700. $('#ai_tt')[0].style.display = 'none';
  701. }
  702. }
  703. }
  704. for (var i = 0; i < $('.ModeBox')[0].children.length; i++) {
  705. $('.ModeBox')[0].children[i].onclick = function (e) {
  706. window.event ? window.event.cancelBubble = true : e.stopPropagation()
  707. }
  708. }
  709. // "AI/云端语音识别 (普通话).txt", "AI/云端语音识别 (英文).txt", "AI/云端语音识别 (粤语).txt"
  710. var _arr = [
  711. ["AI/AI 广州/录制语音指令.xml",
  712. "AI/AI 广州/语音识别台灯.xml",
  713. ],
  714. [
  715. "AI/AI 广州/录制语音指令.xml",
  716. "AI/AI 广州/智能窗帘.xml",
  717. "AI/AI 广州/水果采摘机器人.xml",
  718. ],
  719. [
  720. "AI/AI 广州/智能交通信号灯.xml",
  721. "AI/AI 广州/导盲项链.xml",
  722. ],
  723. [
  724. // "AI/AI 广州/二维码包裹分拣机器人.xml",
  725. "AI/AI 广州/人脸辨识电子警察.xml",
  726. ],
  727. [
  728. "AI/AI 广州/支付台.xml"
  729. ],
  730. [
  731. "Main/IoT 模块基础案例/侧边按键控制蜂鸣器.xml",
  732. "Main/IoT 模块基础案例/侧边按键控制开关 LED.xml",
  733. "Main/IoT 模块基础案例/触摸区域控制 LED.xml",
  734. "Main/IoT 模块基础案例/蜂鸣器警报.xml",
  735. "Main/IoT 模块基础案例/黑暗环境感应光照灯.xml",
  736. "Main/IoT 模块基础案例/倾斜方向感应 LED.xml",
  737. "Main/IoT 模块基础案例/湿度报警器.xml",
  738. "Main/IoT 模块基础案例/摇晃感应 LED.xml",
  739. "Main/IoT 模块基础案例/LED 显示光线强度值.xml"
  740. ],
  741. [
  742. "Main/IoT 模块扩展功能案例/使用 LED 灯屏.xml",
  743. "Main/IoT 模块扩展功能案例/使用电机驱动模块.xml",
  744. "Main/IoT 模块扩展功能案例/使用游戏手柄LED 灯屏.xml",
  745. "Main/IoT 模块扩展功能案例/使用游戏手柄屏幕.xml",
  746. "Main/IoT 模块扩展功能案例/在扩展模块上控制舵机.xml",
  747. "Main/IoT 模块扩展功能案例/屏幕显示Hello_World.xml",
  748. "Main/IoT 模块扩展功能案例/屏幕绘制线条动画.xml",
  749. "Main/IoT 模块基础案例/按键控制屏幕直线转动.xml",
  750. "Main/IoT 模块基础案例/按键控制颜色切换.xml",
  751. "Main/IoT 模块扩展功能案例/计步器.xml"
  752. ],
  753. [
  754. "Main/IoT 模块联网案例/按键发送光照数据至 CocoCloud.xml",
  755. "Main/IoT 模块联网案例/按键发送环境数据至 IFTTT.xml",
  756. "Main/IoT 模块联网案例/按键获取光照数据并根据条件亮灯.xml",
  757. "Main/IoT 模块联网案例/定时发送环境数据至 CocoCloud.xml",
  758. "Main/IoT 模块联网案例/定时接收环境数据并根据条件亮灯.xml",
  759. "Main/IoT 模块联网案例/建立 WiFi 热点并显示连接设备数量.xml",
  760. "Main/IoT 模块联网案例/局域网环境数据存储 - 服务器端.xml",
  761. "Main/IoT 模块联网案例/局域网环境数据获取 - 客户端.xml",
  762. "Main/IoT 模块联网案例/连接 WiFi 网络.xml",
  763. "Main/IoT 模块联网案例/模块间按钮状态存储 - 服务端.xml",
  764. "Main/IoT 模块联网案例/模块间按钮状态接收 - 客户端.xml",
  765. "Main/IoT 模块联网案例/模块间进行 WebSocket 实时通信 - 发送端.xml",
  766. "Main/IoT 模块联网案例/模块间进行 WebSocket 实时通信 - 接收端.xml",
  767. "Main/IoT 模块联网案例/同步网络时间.xml",
  768. "Main/IoT 模块联网案例/数字手表显示实时时间.xml"
  769. ],
  770. [
  771. "Main/IoT工作坊/00 程序/01 點亮正中間的LED燈.xml",
  772. "Main/IoT工作坊/00 程序/02 點亮所有LED燈.xml",
  773. "Main/IoT工作坊/00 程序/03 流水燈.xml",
  774. "Main/IoT工作坊/00 程序/04 蜂鳴器警報.xml",
  775. "Main/IoT工作坊/00 程序/05 8-bit音樂.xml",
  776. "Main/IoT工作坊/00 程序/06 序列埠通訊:按鈕開關.xml",
  777. "Main/IoT工作坊/00 程序/07 序列埠通訊:觸摸開關.xml",
  778. "Main/IoT工作坊/00 程序/08 按鈕開關蜂鳴器.xml",
  779. "Main/IoT工作坊/00 程序/09 觸摸開關燈.xml",
  780. "Main/IoT工作坊/00 程序/10 補光裝置.xml",
  781. "Main/IoT工作坊/00 程序/11 濕度報警器.xml"
  782. ],
  783. [
  784. "Main/IoT工作坊/00 程序/12 晃晃燈.xml",
  785. // "Main/IoT工作坊/00 程序/13 連接Wi-Fi.xml",
  786. "Main/IoT工作坊/00 程序/14 連接Wi-Fi並顯示連接狀態.xml",
  787. "Main/IoT工作坊/00 程序/15 建立熱點並顯示已連接的設備數.xml",
  788. "Main/IoT工作坊/00 程序/16 亮度數據上傳與下載.xml",
  789. "Main/IoT工作坊/00 程序/17 伺服馬達來回擺動.xml",
  790. "Main/IoT工作坊/00 程序/19 伺服馬達定時擺動.xml",
  791. "Main/IoT工作坊/00 程序/20 按鍵控制伺服馬達.xml",
  792. "Main/IoT工作坊/00 程序/18 閘門(人臉識別).xml",
  793. "Main/IoT工作坊/00 程序/體驗 iot-機械車(語音控制).xml",
  794. "Main/IoT工作坊/00 程序/體驗 iot-機械人(陀螺儀).xml",
  795. "Main/IoT工作坊/00 程序/體驗 iot-機械人(姿態識別).xml",
  796. "Main/IoT工作坊/00 程序/體驗 iot-檯燈(語音控制).xml"
  797. ],
  798. [
  799. "AI/AI 模块机器学习案例/垃圾分类识别(香港版).xml",
  800. "AI/AI 模块机器学习案例/人脸识别.xml",
  801. "AI/AI 模块机器学习案例/物体识别.xml",
  802. "AI/AI 模块机器学习案例/face.xml",
  803. "AI/AI 模块机器学习案例/object.xml",
  804. "AI/AI 模块机器学习案例/語音錄製.xml",
  805. "AI/AI 模块机器学习案例/語音識別.xml",
  806. "AI/AI 模块机器学习案例/MNIST 手写数字识别.xml"
  807. ],
  808. ["AI/AI 模块基础案例/按键控制屏幕时针转动.xml",
  809. "AI/AI 模块基础案例/按键控制图片改变颜色制式.xml",
  810. "AI/AI 模块基础案例/按键控制图片进行反色变化.xml",
  811. "AI/AI 模块基础案例/按键控制颜色切换.xml",
  812. "AI/AI 模块基础案例/迷你相机.xml",
  813. "AI/AI 模块基础案例/屏幕方向旋转.xml",
  814. "AI/AI 模块基础案例/屏幕绘制线条动画.xml"],
  815. ["AI/AI 模块扩展功能案例/使用 LED 灯屏.xml",
  816. "AI/AI 模块扩展功能案例/使用电机驱动模块.xml",
  817. "AI/AI 模块扩展功能案例/使用游戏手柄 + 屏幕模块.xml",
  818. "AI/AI 模块扩展功能案例/在扩展模块上控制舵机.xml",
  819. "AI/AI 模块扩展功能案例/贪吃蛇.xml"],
  820. ["AI/AI 模块视觉案例/按键改变相机图像的亮度.xml",
  821. "AI/AI 模块视觉案例/区域颜色分析.xml",
  822. "AI/AI 模块视觉案例/识别 QR 二维码.xml",
  823. "AI/AI 模块视觉案例/寻线(黑线).xml",
  824. "AI/AI 模块视觉案例/寻找绿色的圆形.xml",
  825. "AI/AI 模块视觉案例/寻找绿色区域并进行追踪.xml"],
  826. ["AI/AI 模块影音案例/播放录制的视频档案.xml",
  827. "AI/AI 模块影音案例/播放音乐.xml",
  828. "AI/AI 模块影音案例/录制摄像头画面并保存.xml",
  829. "AI/AI 模块影音案例/麦克风声音频谱分析.xml"],
  830. ["AI/AI 教学/AI_Workshop_ex1.xml",
  831. "AI/AI 教学/AI_Workshop_ex2.xml",
  832. "AI/AI 教学/AI_Workshop_ex3.xml",
  833. "AI/AI 教学/AI_Workshop_ex4.xml",
  834. "AI/AI 教学/AI_Workshop_ex5.xml"
  835. ],
  836. ["AI/AI 教学/AI_Workshop_II_ex1.xml",
  837. "AI/AI 教学/AI_Workshop_II_ex2.xml",
  838. "AI/AI 教学/AI_Workshop_II_ex3.xml",
  839. "AI/AI 教学/AI_Workshop_II_ex4a.xml",
  840. "AI/AI 教学/AI_Workshop_II_ex4b.xml",
  841. "AI/AI 教学/AI_Workshop_II_ex5.xml"],
  842. ["AI/AI 扩展使用案例/AI_Workshop_III_ex1_Servo.xml",
  843. "AI/AI 扩展使用案例/AI_Workshop_III_ex2_Ultrasound.xml",
  844. "AI/AI 扩展使用案例/AI_Workshop_III_ex4_LightStrip.xml",
  845. "AI/AI 扩展使用案例/AI_Workshop_III_ex5_Microbit.xml",
  846. "AI/AI 扩展使用案例/AI_Workshop_III_ex6_MicrobitFace.xml",
  847. "AI/AI 扩展使用案例/AI_Workshop_III_ex7_Door.xml"],
  848. ["AI/AI 垃圾分类/AI_Workshop_IV_1.xml",
  849. "AI/AI 垃圾分类/AI_Workshop_IV_2.xml",
  850. "AI/AI 垃圾分类/AI_Workshop_IV_3.xml",
  851. ],
  852. ["AI/AI 教学/第一場-路標識別(香港標識).xml",
  853. "AI/AI 教学/第二場-巡線(單線-靠左行駛).xml",
  854. "AI/AI 教学/第二場-巡線(雙線).xml",
  855. "AI/AI 教学/第三場-自動駕駛-香港標識.xml"
  856. ]
  857. ];
  858. // var _arr = [
  859. // ["Main/LED 灯闪烁.xml", "Main/按钮控制LED灯.xml", "Main/拨盘控制LED灯开关.xml", "Main/触摸控制LED灯开关.xml", "Main/LCD图形绘制动画.xml", "Main/LCD显示环境数据.xml", "Main/触摸控制小方块.xml", "Main/运动传感器数值显示.xml", "Main/简易计步器.xml", "Main/平衡球程序.xml", "Main/LCD 显示倾斜方向.xml", "Main/按钮计时器.xml"],
  860. // ["Main/连接周边WiFi网络.xml", "Main/建立WiFi热点.xml", "Main/IFTTT发送环境数据.xml", "Main/IFTTT触发事件.xml", "Main/ThingSpeak发送数据及获取最新数据.xml", "Main/CocoCloud发送数据及获取数据.xml", "Main/onenet_nbiot_send.xml", "Main/onenet_nbiot_read.xml", "Main/cococloud_nbiot_send.xml"],
  861. // ["AI/迷你照相機.xml", "AI/LCD 按鈕控制時針轉動.xml", "AI/LCD 按鈕控制顏色切換.xml", "AI/LCD 繪製圖形動畫.xml", "AI/屏幕圖片裁剪.xml", "AI/屏幕圖案旋轉.xml", "AI/按鍵改變圖片至反色.xml", "AI/按鍵改變圖片顏色模式.xml", "AI/按鍵改變圖片尺寸.xml"],
  862. // ["AI/二维码识别.xml", "AI/视觉循迹(黑线).xml", "AI/寻找绿色区域并追踪.xml", "AI/区域颜色分析.xml", "AI/寻找绿色的圆形.xml", "AI/按鍵改變相機顏色模式.xml", "AI/按鍵改變相機圖像的亮度.xml"],
  863. // ["AI/手写数字识别.xml", "AI/人脸检测.xml", "AI/物体识别.xml", "AI/hktrashclassification_9classes.xml"],
  864. // ["AI/麦克风分析声音频谱.xml", "AI/播放音频文件.xml", "AI/播放影片档案.xml", "AI/录制摄像头画面.xml"]
  865. // ];
  866. for (var i = 0; i < $('ul.HarxA').length; i++) {
  867. for (var j = 0; j < $('ul.HarxA')[i].children.length; j++) {
  868. if (i == 15) {
  869. $('#ai_tt div')[j].onclick = (function (i, j) {
  870. return function () {
  871. if (_arr[i][j].split("/")[0] == "Main") {
  872. $("#mode")[0].selectedIndex = 0;
  873. $("#mode")[0].onchange();
  874. $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
  875. appearExample(1);
  876. } else {
  877. $("#mode")[0].selectedIndex = 1;
  878. $("#mode")[0].onchange();
  879. $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.ai_module;
  880. appearExample(0);
  881. }
  882. $('.ModeSelect')[0].className = 'ModeSelect';
  883. Ardublockly.alertExampleMessage(
  884. '',
  885. Ardublockly.getLocalStr('loadBlockBody'),
  886. true, {});
  887. readTxt("src/python/" + _arr[i][j], function (txt) {
  888. if (_arr[i][j].split(".")[1] == "xml") {
  889. var xmlfile = Blockly.Xml.textToDom(txt);
  890. blockpy.components.editor.setBlocksFromXml(xmlfile);
  891. } else {
  892. blockpy.components.editor.codeMirror.setValue(txt);
  893. }
  894. setTimeout(() => {
  895. $('#loading').css({ 'display': 'none' });
  896. $('#example_alert').modal('close');
  897. }, 300)
  898. });
  899. }
  900. })(15, j)
  901. }
  902. if ($('ul.HarxA').length == i) {
  903. // ai_tt.children[j].innerHTML = (_arr[i][j].split(".")[1] == "xml" ? ("<span style='color:#00FF7F'>[" + "xml" + "] &nbsp</span>") : ("<span style='color:#FF7F00'>[" + "py" + "] &nbsp</span>")) + $('ul.HarxA')[i].children[j].innerHTML;
  904. ai_tt.children[j].onclick = (function (i, j) {
  905. return function () {
  906. if (_arr[i][j].split("/")[0] == "Main") {
  907. $("#mode")[0].selectedIndex = 0;
  908. $("#mode")[0].onchange();
  909. $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
  910. appearExample(1);
  911. } else {
  912. $("#mode")[0].selectedIndex = 1;
  913. $("#mode")[0].onchange();
  914. $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.ai_module;
  915. appearExample(0);
  916. }
  917. $('.ModeSelect')[0].className = 'ModeSelect';
  918. readTxt("src/python/" + _arr[i][j], function (txt) {
  919. if (_arr[i][j].split(".")[1] == "xml") {
  920. var xmlfile = Blockly.Xml.textToDom(txt);
  921. blockpy.components.editor.setBlocksFromXml(xmlfile);
  922. } else {
  923. blockpy.components.editor.codeMirror.setValue(txt);
  924. }
  925. });
  926. }
  927. })(i, j)
  928. }
  929. if (i === 10 && (j !== 0 && j !== 1 && j !== 2)) {
  930. $('ul.HarxA')[i].children[j].innerHTML = (_arr[i][j].split(".")[1] == "xml" ? ("<span style='color:orange'>[" + "beta" + "] &nbsp</span>") : ("<span style='color:#FF7F00'>[" + "py" + "] &nbsp</span>")) + $('ul.HarxA')[i].children[j].innerHTML
  931. }
  932. $('ul.HarxA')[i].children[j].onclick = (function (i, j) {
  933. return function () {
  934. if (_arr[i][j].split("/")[0] == "Main") {
  935. $("#mode")[0].selectedIndex = 0;
  936. $("#mode")[0].onchange();
  937. $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
  938. appearExample(1);
  939. } else {
  940. $("#mode")[0].selectedIndex = 1;
  941. $("#mode")[0].onchange();
  942. $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.ai_module;
  943. appearExample(0);
  944. }
  945. $('.ModeSelect')[0].className = 'ModeSelect';
  946. Ardublockly.alertExampleMessage(
  947. '',
  948. Ardublockly.getLocalStr('loadBlockBody'),
  949. true, {});
  950. readTxt("src/python/" + _arr[i][j], function (txt) {
  951. if (_arr[i][j].split(".")[1] == "xml") {
  952. var xmlfile = Blockly.Xml.textToDom(txt);
  953. blockpy.components.editor.setBlocksFromXml(xmlfile);
  954. } else {
  955. blockpy.components.editor.codeMirror.setValue(txt);
  956. }
  957. if ($('ul.HarxA')[i].children[j].id) {
  958. fileDownload(`src/python/AI/AI 扩展使用案例/${$('ul.HarxA')[i].children[j].id}.hex`, $('ul.HarxA')[i].children[j].id + '.hex')
  959. }
  960. setTimeout(() => {
  961. $('#loading').css({ 'display': 'none' });
  962. $('#example_alert').modal('close');
  963. }, 300)
  964. });
  965. }
  966. })(i, j)
  967. }
  968. }
  969. $('.qiehuanbtn')[0].onclick = function (e) {
  970. if (!(CCB.socket && CCB.socket.id)) {
  971. return;
  972. }
  973. U.UF.EV.stopBubble();
  974. if (Ardublockly.LANG == "en") {
  975. $('#localsssssaveOrOpen')[0].className = 'dropdown-content qiehuan qiehuanposi';
  976. } else {
  977. $('#localsssssaveOrOpen')[0].className = 'dropdown-content qiehuan';
  978. }
  979. }
  980. var _aqieM = $("#localsssssaveOrOpen")[0].children;
  981. for (var i = 0; i < _aqieM.length; i++) {
  982. $("#localsssssaveOrOpen")[0].children[i].addEventListener('click', function () {
  983. window.event ? window.event.cancelBubble = false : e.stopPropagation()
  984. var e = this;
  985. $('#runCuploadFilesode')[0].innerHTML = e.children[0].innerHTML;
  986. })
  987. // $("#localsssssaveOrOpen")[0].children[i].children[0].onclick = function (e) {
  988. // window.event ? window.event.cancelBubble = true : e.stopPropagation()
  989. // }
  990. }
  991. qiehuanjjj($('.qiehuanbtn')[0], $('#localsssssaveOrOpen')[0]);
  992. $(".switch_box1")[0].onclick = switchCC;
  993. $(".switch_box")[0].onclick = switchCC;
  994. $(".switch_box2")[0].onclick = switchCC;
  995. $("#repl_delete")[0].onclick = function () {
  996. $("#repl_box_content")[0].innerHTML = "";
  997. }
  998. }
  999. function switchCC(e) {
  1000. var e = e.target || e;
  1001. var flag = true;
  1002. var pythonbox = $("#python_box")[0];
  1003. var replbox = $("#repl_box")[0];
  1004. var repl_delete = $("#repl_delete")[0]
  1005. if (e.className.indexOf("switch_select") != -1) {
  1006. return;
  1007. } else {
  1008. var switch_select = $(".switch_select")[0]
  1009. switch_select.className = switch_select.className.replace(" switch_select", "");
  1010. e.className += " switch_select";
  1011. if (e.className.indexOf("switch_box1") != -1) {
  1012. pythonbox.className = "card-content hidden"
  1013. replbox.className = "card-content"
  1014. repl_delete.style.display = "none";
  1015. $('#switchSerial1').click();
  1016. $("#Serial_Display").addClass("display_switch_box2");
  1017. $(".blockpy-toolbar-edit").css({
  1018. "display": "none"
  1019. });
  1020. $(".copy_code").css({
  1021. "display": "none"
  1022. });
  1023. $(".blockpy-toolbar-download").css({
  1024. "display": "none"
  1025. });
  1026. $(".blockpy-toolbar-upload").css({
  1027. "display": "none"
  1028. });
  1029. $("#repl_delete").css("display", "block");
  1030. }
  1031. else if (e.className.indexOf("switch_box2") != -1) {
  1032. pythonbox.className = "card-content hidden"
  1033. replbox.className = "card-content"
  1034. repl_delete.style.display = "none";
  1035. $('#switchSerial2').click();
  1036. $(".blockpy-toolbar-edit").css({
  1037. "display": "none"
  1038. });
  1039. $(".copy_code").css({
  1040. "display": "none"
  1041. });
  1042. $(".blockpy-toolbar-download").css({
  1043. "display": "none"
  1044. });
  1045. $(".blockpy-toolbar-upload").css({
  1046. "display": "none"
  1047. });
  1048. $("#repl_delete").css("display", "none");
  1049. }
  1050. else {
  1051. pythonbox.className = "card-content"
  1052. replbox.className = "card-content hidden"
  1053. repl_delete.style.display = "none";
  1054. $("#Serial_Display").removeClass("display_switch_box2");
  1055. $(".blockpy-toolbar-edit").css({
  1056. "display": "block"
  1057. });
  1058. $(".copy_code").css({
  1059. "display": "block"
  1060. });
  1061. $(".blockpy-toolbar-download").css({
  1062. "display": "block"
  1063. });
  1064. $(".blockpy-toolbar-upload").css({
  1065. "display": "block"
  1066. });
  1067. $("#repl_delete").css("display", "none");
  1068. }
  1069. }
  1070. }
  1071. function readTxt(url, fun) {
  1072. var xhr = new XMLHttpRequest();
  1073. xhr.open('get', url, true);
  1074. xhr.send();
  1075. xhr.onreadystatechange = function () {
  1076. if (xhr.readyState == 4 && xhr.status == 200) {
  1077. fun(xhr.responseText)
  1078. }
  1079. };
  1080. }
  1081. function qiehuanjjj(ele, _container) {
  1082. $("body")[0].addEventListener('click', function (e) {
  1083. if (ele != e.target) {
  1084. _container.className = 'dropdown-content';
  1085. }
  1086. })
  1087. }
  1088. function likeclose(ele, _container, type, _className) {
  1089. $("body")[0].addEventListener('click', function (e) {
  1090. if (ele != e.target) {
  1091. if (type == 1) {
  1092. _container.className = _className;
  1093. } else {
  1094. _container.style.display = 'none'
  1095. }
  1096. }
  1097. })
  1098. }
  1099. function export_data(data, postfix, is_firefox) {
  1100. let url = new Blob([data], { type: 'text/plain' });
  1101. let download_link = URL.createObjectURL(url);
  1102. let a = document.createElement('a');
  1103. a.style = "display:none";
  1104. a.href = download_link;
  1105. a.download = ($("#sketch_name").val() != '' ? $("#sketch_name").val() : "cocorobo") + postfix;
  1106. if (is_firefox) {
  1107. document.body.appendChild(a);
  1108. a.click();
  1109. setTimeout(() => document.body.removeChild(a), 100);
  1110. } else
  1111. a.click();
  1112. // URL.revokeObjectURL(download_link);
  1113. // IE edge need a short delay before revoke virtual download link
  1114. setTimeout(() => URL.revokeObjectURL(download_link), 100);
  1115. }
  1116. // 积木生成
  1117. function selectmode(sel, isload) {
  1118. var _type = getLocalStorage("type");
  1119. if (sel.selectedIndex == 0 && (_type != 1 || isload === true)) {
  1120. saveLocalStorageBlocks("pythonai-mode-blocks-xml");
  1121. saveLocalStorage("type", 1);
  1122. blockpy.setAssignment(
  1123. // settings
  1124. {},
  1125. // assignment
  1126. {
  1127. modules: {
  1128. added: ["Decisions", "Iteration", "Calculation", "Variables", "Values", "Lists", "Functions", "Logic", "Loops", "Math", "Text", "Dictionary", "Tuples", "Set", "Functionsa", "Output", "Files", "Time", "Serial Comm.", "MainBoard", "ExtendedFunction", "Third_party_Sensor"],
  1129. removed: ['A.I.Board']
  1130. }
  1131. },
  1132. // programs
  1133. {
  1134. __main__: ""
  1135. }
  1136. );
  1137. loadLocalStorageBlocks("pythonmc-mode-blocks-xml")
  1138. }
  1139. else if (sel.selectedIndex == 1 && (_type != 0 || isload === true)) {
  1140. saveLocalStorageBlocks("pythonmc-mode-blocks-xml");
  1141. saveLocalStorage("type", 0);
  1142. blockpy.setAssignment(
  1143. // settings
  1144. {},
  1145. // assignment
  1146. {
  1147. modules: {
  1148. added: ["Decisions", "Iteration", "Calculation", "Variables", "Values", "Lists", "Functions", "Logic", "Loops", "Math", "Text", "Dictionary", "Tuples", "Set", "Functionsa", "Output", "Files", "Time", "Serial Comm.", "A.I.Board", "ExtendedFunctions", "Third_party_Sensor"],
  1149. removed: ['MainBoard']
  1150. }
  1151. },
  1152. // programs
  1153. {
  1154. __main__: ""
  1155. }
  1156. );
  1157. loadLocalStorageBlocks("pythonai-mode-blocks-xml")
  1158. }
  1159. }
  1160. function getQueryParams() {
  1161. try {
  1162. url = window.location.href;
  1163. query_str = url.substr(url.indexOf("?") + 1, url.length - 1);
  1164. r_params = query_str.split("&");
  1165. params = {};
  1166. for (i in r_params) {
  1167. param = r_params[i].split("=");
  1168. params[param[0]] = param[1];
  1169. }
  1170. return params;
  1171. } catch (e) {
  1172. return {};
  1173. }
  1174. }
  1175. // onresize 多次执行解决办法
  1176. var debounce = function (func, threshold, execAsap) {
  1177. var timeout;
  1178. return function debounced() {
  1179. var obj = this, args = arguments;
  1180. function delayed() {
  1181. if (!execAsap)
  1182. func.apply(obj, args);
  1183. timeout = null;
  1184. };
  1185. if (timeout)
  1186. clearTimeout(timeout);
  1187. else if (execAsap)
  1188. func.apply(obj, args);
  1189. timeout = setTimeout(delayed, threshold || 100);
  1190. };
  1191. }
  1192. window.onresize = debounce(function () {
  1193. if (document.body.clientWidth < 1265) {
  1194. alert(CCB.str_group.alert)
  1195. }
  1196. }, 100, true);
  1197. // 切换数据显示方式
  1198. var myChart = "";
  1199. function switchSerial(type) {
  1200. if (type == 2) {
  1201. document.getElementById('repl_box_content').style.display = 'none';
  1202. document.getElementById('echartsShow').style.display = 'block';
  1203. document.getElementById('repl_box_content').innerHTML = ""
  1204. // document.getElementsByClassName('translatable_serial_plotter')[0].classList.remove("serial-active")
  1205. // document.getElementsByClassName('translatable_serial_visualization')[0].classList.add("serial-active")
  1206. // document.getElementById('echartsShow').innerHTML = `<div id="echartsMain" class="echartsMain"></div>`
  1207. myChart.resize();
  1208. var options = {
  1209. title: {
  1210. // text: 'ECharts 入门示例'
  1211. },
  1212. tooltip: {},
  1213. legend: {
  1214. // data: ['销量']
  1215. },
  1216. xAxis: {
  1217. data: []
  1218. },
  1219. yAxis: {},
  1220. series: []
  1221. };
  1222. myChart.clear();
  1223. myChart.setOption(options);
  1224. document.getElementById('echartsMain').lastChild.innerHTML = CCB.str_group.echart_text;
  1225. document.getElementById('echartsMain').lastChild.classList.add("echart-text");
  1226. } else {
  1227. document.getElementById('repl_box_content').style.display = 'block';
  1228. document.getElementById('echartsShow').style.display = 'none';
  1229. // document.getElementsByClassName('translatable_serial_plotter')[0].classList.add("serial-active")
  1230. // document.getElementsByClassName('translatable_serial_visualization')[0].classList.remove("serial-active")
  1231. document.getElementById('repl_box_content').innerHTML = ""
  1232. }
  1233. }
  1234. // 点击下载文件
  1235. function fileDownload(url, name) {
  1236. var nowA = document.createElement('a');
  1237. nowA.setAttribute('href', url);
  1238. nowA.setAttribute('download', name);
  1239. nowA.style.display = 'none';
  1240. document.body.appendChild(nowA);
  1241. nowA.click();
  1242. document.body.removeChild(nowA);
  1243. }
  1244. // 点击复制分享链接
  1245. function copyShare() {
  1246. $('#cloudBtn-shares').click(() => {
  1247. if (CCB.userState) {
  1248. let time = 10000
  1249. var $toastContent = $(`<span id="abc">${CCB.str_group.share_loading}</span>`)
  1250. Materialize.toast($toastContent, time, "shareUrl")
  1251. let fileNmae = new Date().getTime()
  1252. $.ajax(`${CCB.base_url}blockx/`, {
  1253. type: "POST",
  1254. xhrFields: {
  1255. withCredentials: true
  1256. },
  1257. data: {
  1258. filename: fileNmae,
  1259. xml: Ardublockly.generateXml()
  1260. },
  1261. success: (res) => {
  1262. let fileobject = {
  1263. filenameId: res.filename,
  1264. filename: fileNmae,
  1265. time: getCurrentDate(),
  1266. timestamp: (new Date()).valueOf()
  1267. };
  1268. CCB.cloudFileList.push(fileobject);
  1269. CCB.selectCloudFile = filename;
  1270. let url = window.location.href + '&Qd=' + res.filename;
  1271. let flag = copyText(url);
  1272. // time = 3000;
  1273. // document.getElementById('abc').innerHTML = flag ? CCB.str_group.share_success : CCB.str_group.share_fail
  1274. setTimeout(function () {
  1275. Materialize.toast(flag ? CCB.str_group.share_success : CCB.str_group.share_fail, 3000, "shareUrl")
  1276. }, time)
  1277. },
  1278. error: () => {
  1279. $("#cloud_modal_preload").css("display", "none");
  1280. // time = 4000;
  1281. // Materialize.toast(CCB.str_group.error_uploadFile, 4000);
  1282. // document.getElementById('abc').style.display = CCB.str_group.error_uploadFile
  1283. setTimeout(function () {
  1284. Materialize.toast(CCB.str_group.error_uploadFile, 4000)
  1285. }, time)
  1286. }
  1287. });
  1288. } else {
  1289. Materialize.toast(CCB.str_group.requestLogin, 3000);
  1290. $("#login_modal").modal("open")
  1291. }
  1292. })
  1293. }
  1294. function openUrl(url) {
  1295. window.open(url, "_blank")
  1296. }
  1297. function appearExample(type) {
  1298. if (type == 0) {
  1299. $('.ModeBox')[0].children[0].style.display = "block";
  1300. $('.ModeBox')[0].children[1].style.display = "none";
  1301. $('.ModeBox')[0].children[2].style.display = "none";
  1302. $('.ModeBox')[0].children[3].style.display = "none";
  1303. $('.ModeBox')[0].children[4].style.display = "none";
  1304. $('.ModeBox')[0].children[5].style.display = "none";
  1305. $('.ModeBox')[0].children[6].style.display = "block";
  1306. $('.ModeBox')[0].children[7].style.display = "block";
  1307. $('.ModeBox')[0].children[8].style.display = "block";
  1308. $('.ModeBox')[0].children[9].style.display = "block";
  1309. $('.ModeBox')[0].children[10].style.display = "block";
  1310. $('.ModeBox')[0].children[11].style.display = "block";
  1311. $('.ModeBox')[0].children[12].style.display = "block";
  1312. $('.ModeBox')[0].children[13].style.display = "block";
  1313. $('.ModeBox')[0].children[14].style.display = "block";
  1314. $('.ModeBox')[0].children[15].style.display = "block";
  1315. } else {
  1316. $('.ModeBox')[0].children[0].style.display = "none";
  1317. $('.ModeBox')[0].children[0].style.display = "none";
  1318. $('.ModeBox')[0].children[1].style.display = "block";
  1319. $('.ModeBox')[0].children[2].style.display = "block";
  1320. $('.ModeBox')[0].children[3].style.display = "block";
  1321. $('.ModeBox')[0].children[4].style.display = "block";
  1322. $('.ModeBox')[0].children[5].style.display = "block";
  1323. $('.ModeBox')[0].children[6].style.display = "none";
  1324. $('.ModeBox')[0].children[7].style.display = "none";
  1325. $('.ModeBox')[0].children[8].style.display = "none";
  1326. $('.ModeBox')[0].children[9].style.display = "none";
  1327. $('.ModeBox')[0].children[10].style.display = "none";
  1328. $('.ModeBox')[0].children[11].style.display = "none";
  1329. $('.ModeBox')[0].children[12].style.display = "none";
  1330. $('.ModeBox')[0].children[13].style.display = "none";
  1331. $('.ModeBox')[0].children[14].style.display = "none";
  1332. $('.ModeBox')[0].children[15].style.display = "none";
  1333. }
  1334. }
  1335. function savelxfile(title, code, cb) {
  1336. var _token = window.localStorage.Token;
  1337. if (_token) {
  1338. $.ajax(`/api/web/v1/blockpy/project/add`, {
  1339. type: "POST",
  1340. headers: { 'Authorization': "Bearer " + _token },
  1341. data: { code: code, title: title },
  1342. success: (data) => {
  1343. cb(data)
  1344. }
  1345. });
  1346. }
  1347. }
  1348. function getlxfiles(page, cb) {
  1349. var _token = window.localStorage.Token;
  1350. if (_token) {
  1351. $.ajax(`/api/web/v1/blockpy/project/list`, {
  1352. type: "GET",
  1353. headers: { 'Authorization': "Bearer " + _token },
  1354. data: "pageNumber=" + "&" + page + "pageSize=500",
  1355. success: (data) => {
  1356. cb(data)
  1357. }
  1358. });
  1359. }
  1360. }
  1361. function getFileList(data) {
  1362. var fileList = [];
  1363. data.data.records.filter(val => {
  1364. var filename = val.title;
  1365. var date = val.updateTime;
  1366. var Timestamp = new Date(date).getTime();
  1367. fileList.push({
  1368. filename: filename,
  1369. date: date,
  1370. timestamp: Timestamp,
  1371. filenameId: val.id
  1372. });
  1373. });
  1374. console.log(fileList, 'getCloudFileList')
  1375. updateCloudFileList(fileList);
  1376. updateCloudFilePanel();
  1377. // openCloudFile(CCB.cloudFileList[i].filename); 打开文件
  1378. let arr = window.location.search.split('&')[1]
  1379. if (arr) {
  1380. fileList.map(x => {
  1381. if (x.filenameid == arr.split('=')[1]) {
  1382. openCloudFile(x.filename)
  1383. }
  1384. return x;
  1385. })
  1386. }
  1387. }
  1388. function dellxfilebyid(id, cb) {
  1389. var _token = window.localStorage.Token;
  1390. if (_token) {
  1391. $.ajax(`/api/web/v1/blockpy/project/del/` + id, {
  1392. type: "GET",
  1393. headers: { 'Authorization': "Bearer " + _token },
  1394. success: (data) => {
  1395. cb(data)
  1396. }
  1397. });
  1398. }
  1399. }
  1400. function upadtelxfilenamebyid(id, title, cb) {
  1401. var _token = window.localStorage.Token;
  1402. if (_token) {
  1403. $.ajax(`/api/web/v1/blockpy/project/title/update`, {
  1404. type: "POST",
  1405. headers: { 'Authorization': "Bearer " + _token },
  1406. data: { id: id, title: title },
  1407. success: (data) => {
  1408. cb(data)
  1409. }
  1410. });
  1411. }
  1412. }
  1413. function uploadlxfilecontentbyid(id, code, cb) {
  1414. var _token = window.localStorage.Token;
  1415. if (_token) {
  1416. $.ajax(`/api/web/v1/blockpy/project/code/update`, {
  1417. type: "POST",
  1418. headers: { 'Authorization': "Bearer " + _token },
  1419. data: { id: id, code: code },
  1420. success: (data) => {
  1421. cb(data)
  1422. }
  1423. });
  1424. }
  1425. }
  1426. function showSaveToast(data) {
  1427. setTimeout(function () {
  1428. Materialize.toast(data.success ? '保存成功' : '保存失败', 3000, "shareUrl")
  1429. }, getCurrentDate())
  1430. }