index.js 63 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551
  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.href.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.href.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.href.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.href.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.href.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", "180px");
  441. $("#plugin_mac_or_windows").css("left", "390px");
  442. $("#connect_method").css("left", "390px");
  443. $("#local_help").addClass("helpEnglish");
  444. $("#local_help_ai_kit").css("left", "528px");
  445. $("#help_extends").css("left", "528px");
  446. // $("#Serial_Interaction").css("left","120px");
  447. // $("#Serial_Display").css("left","260px");
  448. $("body").css("font-family", "Arial");
  449. $("input").css("font-family", "Arial");
  450. $("#workspace_screenshot").css("right", "470px");
  451. $("#downloadbutton-li").css("right", "62px");
  452. }
  453. }
  454. function selectConnectMethods(type) {
  455. if ($('#runCode')[0].innerHTML == CCB.str_group.uploading) {
  456. if (type == 0) {
  457. $('.select-connected')[0].selectedIndex = 1;
  458. return null;
  459. }
  460. else {
  461. $('.select-connected')[0].selectedIndex = 0;
  462. return null;
  463. }
  464. }
  465. if (type == 0) {
  466. $('.select-connected')[0].selectedIndex = 0;
  467. $('.btn-network')[0].className = 'col cs6 btn-network';
  468. $('.btn-network')[1].className = 'col cs6 btn-network hidden';
  469. } else {
  470. $('#runCode')[0].innerHTML = Ardublockly.LOCALISED_TEXT.runCode;
  471. $('#uploadFiles')[0].innerHTML = Ardublockly.LOCALISED_TEXT.uploadFiles;
  472. $('.select-connected')[0].selectedIndex = 1;
  473. $('.btn-network')[1].className = 'col cs6 btn-network';
  474. $('.btn-network')[0].className = 'col cs6 btn-network hidden';
  475. }
  476. }
  477. function fanyi() {
  478. $('.ModeSelect')[0].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_Example;
  479. $('.ModeBox')[0].children[0].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.artificial_intelligence_textbook_program;
  480. $('.Hardware9 div')[0].innerHTML = Ardublockly.LOCALISED_TEXT.third_grade;
  481. $('.ModeBox ul')[0].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.recorded_voice_command;
  482. $('.ModeBox ul')[0].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.voice_recognition_lamp_stand;
  483. $('.Hardware5 div')[0].innerHTML = Ardublockly.LOCALISED_TEXT.fifth_grade;
  484. $('.ModeBox ul')[1].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.recorded_voice_command;
  485. $('.ModeBox ul')[1].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.intelligent_curtain;
  486. $('.ModeBox ul')[1].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.fruit_picking_robot;
  487. $('.Hardware6 div')[0].innerHTML = Ardublockly.LOCALISED_TEXT.sixth_grade;
  488. $('.ModeBox ul')[2].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.intelligent_traffic_lights;
  489. $('.ModeBox ul')[2].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.seeing_eye_necklace;
  490. $('.Hardware7 div')[0].innerHTML = Ardublockly.LOCALISED_TEXT.seventh_grade;
  491. $('.ModeBox ul')[3].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.face_recognition_electronic_police;
  492. $('.Hardware8 div')[0].innerHTML = Ardublockly.LOCALISED_TEXT.eighth_grade;
  493. $('.ModeBox ul')[4].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.payment_platform;
  494. $('.ModeBox')[0].children[1].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_Basics;
  495. $('.ModeBox ul')[5].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_sbcb;
  496. $('.ModeBox ul')[5].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_sbcsl;
  497. $('.ModeBox ul')[5].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_tacl
  498. $('.ModeBox ul')[5].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_ba
  499. $('.ModeBox ul')[5].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_desl
  500. $('.ModeBox ul')[5].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_tdsl;
  501. $('.ModeBox ul')[5].children[6].innerHTML = Ardublockly.LOCALISED_TEXT.select_ha;
  502. $('.ModeBox ul')[5].children[7].innerHTML = Ardublockly.LOCALISED_TEXT.select_ssl;
  503. $('.ModeBox ul')[5].children[8].innerHTML = Ardublockly.LOCALISED_TEXT.select_ldliv;
  504. $('.ModeBox')[0].children[2].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_imefc;
  505. $('.ModeBox ul')[6].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_uls;
  506. $('.ModeBox ul')[6].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_umdm;
  507. $('.ModeBox ul')[6].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_uoglls;
  508. $('.ModeBox ul')[6].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_auogsm;
  509. $('.ModeBox ul')[6].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_ctsotem;
  510. $('.ModeBox ul')[6].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_thwos;
  511. $('.ModeBox ul')[6].children[6].innerHTML = Ardublockly.LOCALISED_TEXT.select_sdla;
  512. $('.ModeBox ul')[6].children[7].innerHTML = Ardublockly.LOCALISED_TEXT.select_line;
  513. $('.ModeBox ul')[6].children[8].innerHTML = Ardublockly.LOCALISED_TEXT.select_bccs;
  514. $('.ModeBox ul')[6].children[9].innerHTML = Ardublockly.LOCALISED_TEXT.select_stepCounter;
  515. $('.ModeBox')[0].children[3].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_ionc;
  516. $('.ModeBox ul')[7].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_btsldtc;
  517. $('.ModeBox ul')[7].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_ktsedti;
  518. $('.ModeBox ul')[7].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_btoldalua;
  519. $('.ModeBox ul')[7].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_tsedtc;
  520. $('.ModeBox ul')[7].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_toedaluatc;
  521. $('.ModeBox ul')[7].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_ewhadtnocd;
  522. $('.ModeBox ul')[7].children[6].innerHTML = Ardublockly.LOCALISED_TEXT.select_ledss;
  523. $('.ModeBox ul')[7].children[7].innerHTML = Ardublockly.LOCALISED_TEXT.select_ledac;
  524. $('.ModeBox ul')[7].children[8].innerHTML = Ardublockly.LOCALISED_TEXT.select_ctwn;
  525. $('.ModeBox ul')[7].children[9].innerHTML = Ardublockly.LOCALISED_TEXT.select_bssbms;
  526. $('.ModeBox ul')[7].children[10].innerHTML = Ardublockly.LOCALISED_TEXT.select_bsrbmc;
  527. $('.ModeBox ul')[7].children[11].innerHTML = Ardublockly.LOCALISED_TEXT.select_wrcbms;
  528. $('.ModeBox ul')[7].children[12].innerHTML = Ardublockly.LOCALISED_TEXT.select_wrcbmr;
  529. $('.ModeBox ul')[7].children[13].innerHTML = Ardublockly.LOCALISED_TEXT.select_snt;
  530. $('.ModeBox ul')[7].children[14].innerHTML = Ardublockly.LOCALISED_TEXT.select_dwsdat;
  531. $('.ModeBox')[0].children[4].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_work_u;
  532. $('.ModeBox ul')[8].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_middle_led;
  533. $('.ModeBox ul')[8].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_all_led;
  534. $('.ModeBox ul')[8].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_liu_led;
  535. $('.ModeBox ul')[8].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_warning;
  536. $('.ModeBox ul')[8].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_music;
  537. $('.ModeBox ul')[8].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_button_open;
  538. $('.ModeBox ul')[8].children[6].innerHTML = Ardublockly.LOCALISED_TEXT.select_touch_open;
  539. $('.ModeBox ul')[8].children[7].innerHTML = Ardublockly.LOCALISED_TEXT.select_button_close;
  540. $('.ModeBox ul')[8].children[8].innerHTML = Ardublockly.LOCALISED_TEXT.select_control_LED;
  541. $('.ModeBox ul')[8].children[9].innerHTML = Ardublockly.LOCALISED_TEXT.select_sensor_LED;
  542. $('.ModeBox ul')[8].children[10].innerHTML = Ardublockly.LOCALISED_TEXT.select_humidity_alarm;
  543. $('.ModeBox')[0].children[5].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_work_d;
  544. $('.ModeBox ul')[9].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_shaking_LED;
  545. // $('.ModeBox ul')[4].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_connect_wifi;
  546. $('.ModeBox ul')[9].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_show_statement;
  547. $('.ModeBox ul')[9].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_establish_WiFi;
  548. $('.ModeBox ul')[9].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_download_lighting;
  549. $('.ModeBox ul')[9].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_controlling_servo;
  550. $('.ModeBox ul')[9].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_move_servo;
  551. $('.ModeBox ul')[9].children[6].innerHTML = Ardublockly.LOCALISED_TEXT.select_button_controlling_servo;
  552. $('.ModeBox ul')[9].children[7].innerHTML = Ardublockly.LOCALISED_TEXT.select_face_recognition_door;
  553. $('.ModeBox ul')[9].children[8].innerHTML = Ardublockly.LOCALISED_TEXT.select_speech_recognition_car;
  554. $('.ModeBox ul')[9].children[9].innerHTML = Ardublockly.LOCALISED_TEXT.select_gyro_control_robot;
  555. $('.ModeBox ul')[9].children[10].innerHTML = Ardublockly.LOCALISED_TEXT.select_gesture_recognition_robot;
  556. $('.ModeBox ul')[9].children[11].innerHTML = Ardublockly.LOCALISED_TEXT.select_speech_recogniton_lamp;
  557. $('.ModeBox')[0].children[6].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_smmlc;
  558. $('.ModeBox ul')[10].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_gcaerhk;
  559. $('.ModeBox ul')[10].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_frs;
  560. $('.ModeBox ul')[10].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_ors;
  561. $('.ModeBox ul')[10].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_fr;
  562. $('.ModeBox ul')[10].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_or;
  563. $('.ModeBox ul')[10].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_srd;
  564. $('.ModeBox ul')[10].children[6].innerHTML = Ardublockly.LOCALISED_TEXT.select_srt;
  565. $('.ModeBox ul')[10].children[7].innerHTML = Ardublockly.LOCALISED_TEXT.select_mhdr;
  566. $('.ModeBox')[0].children[7].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_ambc;
  567. $('.ModeBox ul')[11].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_bcsc;
  568. $('.ModeBox ul')[11].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_kcpccs;
  569. $('.ModeBox ul')[11].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_kcpficc;
  570. $('.ModeBox ul')[11].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_bccs;
  571. $('.ModeBox ul')[11].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_mc;
  572. $('.ModeBox ul')[11].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_sor;
  573. $('.ModeBox ul')[11].children[6].innerHTML = Ardublockly.LOCALISED_TEXT.select_sdla;
  574. $('.ModeBox')[0].children[8].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_amefc;
  575. $('.ModeBox ul')[12].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_auls;
  576. $('.ModeBox ul')[12].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_aumdm;
  577. $('.ModeBox ul')[12].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_auogsm;
  578. $('.ModeBox ul')[12].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_actsotem;
  579. $('.ModeBox ul')[12].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_greedy_snake;
  580. $('.ModeBox')[0].children[9].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_amvc;
  581. $('.ModeBox ul')[13].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_bctbotci;
  582. $('.ModeBox ul')[13].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_aca;
  583. $('.ModeBox ul')[13].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_rqc;
  584. $('.ModeBox ul')[13].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_lhbl;
  585. $('.ModeBox ul')[13].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_fgr;
  586. $('.ModeBox ul')[13].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_fgaat;
  587. $('.ModeBox')[0].children[10].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_av;
  588. $('.ModeBox ul')[14].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.paly_video;
  589. $('.ModeBox ul')[14].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.paly_music;
  590. $('.ModeBox ul')[14].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.recording_camera;
  591. $('.ModeBox ul')[14].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.microphone_sound_analysis;
  592. $('.ModeBox')[0].children[11].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_teacher;
  593. $('.ModeBox ul')[15].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_thw;
  594. $('.ModeBox ul')[15].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_thwos;
  595. $('.ModeBox ul')[15].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_uoc;
  596. $('.ModeBox ul')[15].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_mc;
  597. $('.ModeBox ul')[15].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_sor;
  598. $('.ModeBox')[0].children[12].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_teacher2;
  599. $('.ModeBox ul')[16].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_aiaor;
  600. $('.ModeBox ul')[16].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_aifr;
  601. $('.ModeBox ul')[16].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_aica;
  602. $('.ModeBox ul')[16].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_aisrc;
  603. $('.ModeBox ul')[16].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_aisrr;
  604. $('.ModeBox ul')[16].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_aiaa;
  605. $('.ModeBox')[0].children[13].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_teachingcases;
  606. $('.ModeBox ul')[17].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ex1_servo;
  607. $('.ModeBox ul')[17].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.ex2_Ultrasound;
  608. // $('.ModeBox ul')[12].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.ex3_RangeFinder;
  609. // $('.ModeBox ul')[12].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.ex4_LightStrip;
  610. // $('.ModeBox ul')[12].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.ex5_Microbit;
  611. // $('.ModeBox ul')[12].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.ex6_MicrobitFace;
  612. // $('.ModeBox ul')[12].children[6].innerHTML = Ardublockly.LOCALISED_TEXT.ex7_Door;
  613. $('.ModeBox ul')[17].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.ex4_LightStrip
  614. $('.ModeBox ul')[17].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.ex5_Microbit;
  615. $('.ModeBox ul')[17].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.ex6_MicrobitFace;
  616. $('.ModeBox ul')[17].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.ex7_Door;
  617. $('.ModeBox')[0].children[14].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_wc;
  618. $('.ModeBox ul')[18].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_smaa;
  619. $('.ModeBox ul')[18].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.ai_gc;
  620. $('.ModeBox ul')[18].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.ai_wsb;
  621. $('.ModeBox')[0].children[15].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_ad;
  622. $('.ModeBox ul')[19].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_trsr;
  623. $('.ModeBox ul')[19].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.ai_tpl2;
  624. $('.ModeBox ul')[19].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.ai_tpll;
  625. $('.ModeBox ul')[19].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.ai_tph;
  626. // $('.ModeBox ul')[3].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_Mandarin;
  627. // $('.ModeBox ul')[3].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_English;
  628. // $('.ModeBox ul')[3].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_Cantonese;
  629. // $('#uploadFiles')[0].innerHTML = Ardublockly.LOCALISED_TEXT.uploadFiles;
  630. // $("#sketch_name").val(Ardublockly.LOCALISED_TEXT.sketch_name);
  631. $('#runCode')[0].innerHTML = Ardublockly.LOCALISED_TEXT.runCode;
  632. $('#uploadFiles')[0].innerHTML = Ardublockly.LOCALISED_TEXT.uploadFiles;
  633. // $('#resetDevice')[0].innerHTML = Ardublockly.LOCALISED_TEXT.resetDevice;
  634. $('#select_dropdown')[0].value = Ardublockly.LOCALISED_TEXT.select_dropdown;
  635. $('#iot_modules')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
  636. $(".qiehuanbtn")[0].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.a_csm;
  637. $("#localsssssaveOrOpen")[0].children[0].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.a_butvmi;
  638. $("#localsssssaveOrOpen")[0].children[1].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.a_buartlp;
  639. // $("#Serial_Interaction")[0].innerHTML = Ardublockly.LOCALISED_TEXT.Serial_Interaction;
  640. $('#ai_tt div')[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_thw;
  641. $('#ai_tt div')[1].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_thwos;
  642. $('#ai_tt div')[2].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_uoc;
  643. $('#ai_tt div')[3].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_mc;
  644. $('#ai_tt div')[4].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_sor;
  645. }
  646. function selectOnload() {
  647. $('.select-connected')[0].onchange = function () {
  648. var a = $('.select-connected')[0].selectedIndex;
  649. if ($('#runCode')[0].innerHTML == CCB.str_group.uploading) {
  650. if (a == 0) {
  651. $('.select-connected')[0].selectedIndex = 1;
  652. return null;
  653. } else {
  654. $('.select-connected')[0].selectedIndex = 0;
  655. return null;
  656. }
  657. }
  658. if (a == 0) {
  659. $('.btn-network')[0].className = 'col s6 btn-network';
  660. $('.btn-network')[1].className = 'col s6 btn-network hidden';
  661. } else {
  662. $('.btn-network')[1].className = 'col s6 btn-network';
  663. $('.btn-network')[0].className = 'col s6 btn-network hidden';
  664. }
  665. }
  666. $('.selectMode_input')[0].onclick = function (e) {
  667. $('.MouduleBox')[0].style.cssText = 'display:block';
  668. }
  669. $('.ModeSelectBox')[0].onclick = function (e) {
  670. U.UF.EV.stopBubble();
  671. $('.ModeSelect')[0].className = 'ModeSelect active';
  672. $('#downboxModule').css("display", "none");
  673. }
  674. likeclose($('.selectMode_input')[0], $('.MouduleBox')[0], '', '');
  675. likeclose($('.ModeSelect')[0].children[0], $('.ModeSelect')[0], 1, 'ModeSelect');
  676. likeclose($('#bar_ai img')[0], $('.MouduleBox')[1], '', '');
  677. likeclose($('#bar_t img')[0], $('#ai_tt')[0], '', '');
  678. var MChild = $('.MouduleBox')[0].children;
  679. var tchild = $('.MouduleBox')[1].children;
  680. for (var i = 0; i < MChild.length; i++) {
  681. tchild[i].onclick = MChild[i].onclick = function (e) {
  682. window.event ? window.event.cancelBubble = true : e.stopPropagation()
  683. var e = e.target;
  684. if (e.parentElement.children[2] && e.parentElement.children[2].children.length > 0) { } else {
  685. if (e.innerHTML == Ardublockly.LOCALISED_TEXT.iot_module) {
  686. $("#mode")[0].selectedIndex = 0;
  687. $("#mode")[0].onchange();
  688. $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
  689. appearExample(1);
  690. }
  691. else if (e.innerHTML == Ardublockly.LOCALISED_TEXT.ai_module) {
  692. $("#mode")[0].selectedIndex = 1;
  693. $("#mode")[0].onchange();
  694. $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.ai_module;
  695. appearExample(0);
  696. }
  697. $('.MouduleBox')[0].style.display = 'none';
  698. $('.MouduleBox')[1].style.display = 'none';
  699. $('#ai_tt')[0].style.display = 'none';
  700. }
  701. }
  702. }
  703. for (var i = 0; i < $('.ModeBox')[0].children.length; i++) {
  704. $('.ModeBox')[0].children[i].onclick = function (e) {
  705. window.event ? window.event.cancelBubble = true : e.stopPropagation()
  706. }
  707. }
  708. // "AI/云端语音识别 (普通话).txt", "AI/云端语音识别 (英文).txt", "AI/云端语音识别 (粤语).txt"
  709. var _arr = [
  710. ["AI/AI 广州/录制语音指令.xml",
  711. "AI/AI 广州/语音识别台灯.xml",
  712. ],
  713. [
  714. "AI/AI 广州/录制语音指令.xml",
  715. "AI/AI 广州/智能窗帘.xml",
  716. "AI/AI 广州/水果采摘机器人.xml",
  717. ],
  718. [
  719. "AI/AI 广州/智能交通信号灯.xml",
  720. "AI/AI 广州/导盲项链.xml",
  721. ],
  722. [
  723. // "AI/AI 广州/二维码包裹分拣机器人.xml",
  724. "AI/AI 广州/人脸辨识电子警察.xml",
  725. ],
  726. [
  727. "AI/AI 广州/支付台.xml"
  728. ],
  729. [
  730. "Main/IoT 模块基础案例/侧边按键控制蜂鸣器.xml",
  731. "Main/IoT 模块基础案例/侧边按键控制开关 LED.xml",
  732. "Main/IoT 模块基础案例/触摸区域控制 LED.xml",
  733. "Main/IoT 模块基础案例/蜂鸣器警报.xml",
  734. "Main/IoT 模块基础案例/黑暗环境感应光照灯.xml",
  735. "Main/IoT 模块基础案例/倾斜方向感应 LED.xml",
  736. "Main/IoT 模块基础案例/湿度报警器.xml",
  737. "Main/IoT 模块基础案例/摇晃感应 LED.xml",
  738. "Main/IoT 模块基础案例/LED 显示光线强度值.xml"
  739. ],
  740. [
  741. "Main/IoT 模块扩展功能案例/使用 LED 灯屏.xml",
  742. "Main/IoT 模块扩展功能案例/使用电机驱动模块.xml",
  743. "Main/IoT 模块扩展功能案例/使用游戏手柄LED 灯屏.xml",
  744. "Main/IoT 模块扩展功能案例/使用游戏手柄屏幕.xml",
  745. "Main/IoT 模块扩展功能案例/在扩展模块上控制舵机.xml",
  746. "Main/IoT 模块扩展功能案例/屏幕显示Hello_World.xml",
  747. "Main/IoT 模块扩展功能案例/屏幕绘制线条动画.xml",
  748. "Main/IoT 模块基础案例/按键控制屏幕直线转动.xml",
  749. "Main/IoT 模块基础案例/按键控制颜色切换.xml",
  750. "Main/IoT 模块扩展功能案例/计步器.xml"
  751. ],
  752. [
  753. "Main/IoT 模块联网案例/按键发送光照数据至 CocoCloud.xml",
  754. "Main/IoT 模块联网案例/按键发送环境数据至 IFTTT.xml",
  755. "Main/IoT 模块联网案例/按键获取光照数据并根据条件亮灯.xml",
  756. "Main/IoT 模块联网案例/定时发送环境数据至 CocoCloud.xml",
  757. "Main/IoT 模块联网案例/定时接收环境数据并根据条件亮灯.xml",
  758. "Main/IoT 模块联网案例/建立 WiFi 热点并显示连接设备数量.xml",
  759. "Main/IoT 模块联网案例/局域网环境数据存储 - 服务器端.xml",
  760. "Main/IoT 模块联网案例/局域网环境数据获取 - 客户端.xml",
  761. "Main/IoT 模块联网案例/连接 WiFi 网络.xml",
  762. "Main/IoT 模块联网案例/模块间按钮状态存储 - 服务端.xml",
  763. "Main/IoT 模块联网案例/模块间按钮状态接收 - 客户端.xml",
  764. "Main/IoT 模块联网案例/模块间进行 WebSocket 实时通信 - 发送端.xml",
  765. "Main/IoT 模块联网案例/模块间进行 WebSocket 实时通信 - 接收端.xml",
  766. "Main/IoT 模块联网案例/同步网络时间.xml",
  767. "Main/IoT 模块联网案例/数字手表显示实时时间.xml"
  768. ],
  769. [
  770. "Main/IoT工作坊/00 程序/01 點亮正中間的LED燈.xml",
  771. "Main/IoT工作坊/00 程序/02 點亮所有LED燈.xml",
  772. "Main/IoT工作坊/00 程序/03 流水燈.xml",
  773. "Main/IoT工作坊/00 程序/04 蜂鳴器警報.xml",
  774. "Main/IoT工作坊/00 程序/05 8-bit音樂.xml",
  775. "Main/IoT工作坊/00 程序/06 序列埠通訊:按鈕開關.xml",
  776. "Main/IoT工作坊/00 程序/07 序列埠通訊:觸摸開關.xml",
  777. "Main/IoT工作坊/00 程序/08 按鈕開關蜂鳴器.xml",
  778. "Main/IoT工作坊/00 程序/09 觸摸開關燈.xml",
  779. "Main/IoT工作坊/00 程序/10 補光裝置.xml",
  780. "Main/IoT工作坊/00 程序/11 濕度報警器.xml"
  781. ],
  782. [
  783. "Main/IoT工作坊/00 程序/12 晃晃燈.xml",
  784. // "Main/IoT工作坊/00 程序/13 連接Wi-Fi.xml",
  785. "Main/IoT工作坊/00 程序/14 連接Wi-Fi並顯示連接狀態.xml",
  786. "Main/IoT工作坊/00 程序/15 建立熱點並顯示已連接的設備數.xml",
  787. "Main/IoT工作坊/00 程序/16 亮度數據上傳與下載.xml",
  788. "Main/IoT工作坊/00 程序/17 伺服馬達來回擺動.xml",
  789. "Main/IoT工作坊/00 程序/19 伺服馬達定時擺動.xml",
  790. "Main/IoT工作坊/00 程序/20 按鍵控制伺服馬達.xml",
  791. "Main/IoT工作坊/00 程序/18 閘門(人臉識別).xml",
  792. "Main/IoT工作坊/00 程序/體驗 iot-機械車(語音控制).xml",
  793. "Main/IoT工作坊/00 程序/體驗 iot-機械人(陀螺儀).xml",
  794. "Main/IoT工作坊/00 程序/體驗 iot-機械人(姿態識別).xml",
  795. "Main/IoT工作坊/00 程序/體驗 iot-檯燈(語音控制).xml"
  796. ],
  797. [
  798. "AI/AI 模块机器学习案例/垃圾分类识别(香港版).xml",
  799. "AI/AI 模块机器学习案例/人脸识别.xml",
  800. "AI/AI 模块机器学习案例/物体识别.xml",
  801. "AI/AI 模块机器学习案例/face.xml",
  802. "AI/AI 模块机器学习案例/object.xml",
  803. "AI/AI 模块机器学习案例/語音錄製.xml",
  804. "AI/AI 模块机器学习案例/語音識別.xml",
  805. "AI/AI 模块机器学习案例/MNIST 手写数字识别.xml"
  806. ],
  807. ["AI/AI 模块基础案例/按键控制屏幕时针转动.xml",
  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 模块扩展功能案例/使用 LED 灯屏.xml",
  815. "AI/AI 模块扩展功能案例/使用电机驱动模块.xml",
  816. "AI/AI 模块扩展功能案例/使用游戏手柄 + 屏幕模块.xml",
  817. "AI/AI 模块扩展功能案例/在扩展模块上控制舵机.xml",
  818. "AI/AI 模块扩展功能案例/贪吃蛇.xml"],
  819. ["AI/AI 模块视觉案例/按键改变相机图像的亮度.xml",
  820. "AI/AI 模块视觉案例/区域颜色分析.xml",
  821. "AI/AI 模块视觉案例/识别 QR 二维码.xml",
  822. "AI/AI 模块视觉案例/寻线(黑线).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 教学/AI_Workshop_ex1.xml",
  830. "AI/AI 教学/AI_Workshop_ex2.xml",
  831. "AI/AI 教学/AI_Workshop_ex3.xml",
  832. "AI/AI 教学/AI_Workshop_ex4.xml",
  833. "AI/AI 教学/AI_Workshop_ex5.xml"
  834. ],
  835. ["AI/AI 教学/AI_Workshop_II_ex1.xml",
  836. "AI/AI 教学/AI_Workshop_II_ex2.xml",
  837. "AI/AI 教学/AI_Workshop_II_ex3.xml",
  838. "AI/AI 教学/AI_Workshop_II_ex4a.xml",
  839. "AI/AI 教学/AI_Workshop_II_ex4b.xml",
  840. "AI/AI 教学/AI_Workshop_II_ex5.xml"],
  841. ["AI/AI 扩展使用案例/AI_Workshop_III_ex1_Servo.xml",
  842. "AI/AI 扩展使用案例/AI_Workshop_III_ex2_Ultrasound.xml",
  843. "AI/AI 扩展使用案例/AI_Workshop_III_ex4_LightStrip.xml",
  844. "AI/AI 扩展使用案例/AI_Workshop_III_ex5_Microbit.xml",
  845. "AI/AI 扩展使用案例/AI_Workshop_III_ex6_MicrobitFace.xml",
  846. "AI/AI 扩展使用案例/AI_Workshop_III_ex7_Door.xml"],
  847. ["AI/AI 垃圾分类/AI_Workshop_IV_1.xml",
  848. "AI/AI 垃圾分类/AI_Workshop_IV_2.xml",
  849. "AI/AI 垃圾分类/AI_Workshop_IV_3.xml",
  850. ],
  851. ["AI/AI 教学/第一場-路標識別(香港標識).xml",
  852. "AI/AI 教学/第二場-巡線(單線-靠左行駛).xml",
  853. "AI/AI 教学/第二場-巡線(雙線).xml",
  854. "AI/AI 教学/第三場-自動駕駛-香港標識.xml"
  855. ]
  856. ];
  857. // var _arr = [
  858. // ["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"],
  859. // ["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"],
  860. // ["AI/迷你照相機.xml", "AI/LCD 按鈕控制時針轉動.xml", "AI/LCD 按鈕控制顏色切換.xml", "AI/LCD 繪製圖形動畫.xml", "AI/屏幕圖片裁剪.xml", "AI/屏幕圖案旋轉.xml", "AI/按鍵改變圖片至反色.xml", "AI/按鍵改變圖片顏色模式.xml", "AI/按鍵改變圖片尺寸.xml"],
  861. // ["AI/二维码识别.xml", "AI/视觉循迹(黑线).xml", "AI/寻找绿色区域并追踪.xml", "AI/区域颜色分析.xml", "AI/寻找绿色的圆形.xml", "AI/按鍵改變相機顏色模式.xml", "AI/按鍵改變相機圖像的亮度.xml"],
  862. // ["AI/手写数字识别.xml", "AI/人脸检测.xml", "AI/物体识别.xml", "AI/hktrashclassification_9classes.xml"],
  863. // ["AI/麦克风分析声音频谱.xml", "AI/播放音频文件.xml", "AI/播放影片档案.xml", "AI/录制摄像头画面.xml"]
  864. // ];
  865. for (var i = 0; i < $('ul.HarxA').length; i++) {
  866. for (var j = 0; j < $('ul.HarxA')[i].children.length; j++) {
  867. if (i == 15) {
  868. $('#ai_tt div')[j].onclick = (function (i, j) {
  869. return function () {
  870. if (_arr[i][j].split("/")[0] == "Main") {
  871. $("#mode")[0].selectedIndex = 0;
  872. $("#mode")[0].onchange();
  873. $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
  874. appearExample(1);
  875. } else {
  876. $("#mode")[0].selectedIndex = 1;
  877. $("#mode")[0].onchange();
  878. $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.ai_module;
  879. appearExample(0);
  880. }
  881. $('.ModeSelect')[0].className = 'ModeSelect';
  882. Ardublockly.alertExampleMessage(
  883. '',
  884. Ardublockly.getLocalStr('loadBlockBody'),
  885. true, {});
  886. readTxt("src/python/" + _arr[i][j], function (txt) {
  887. if (_arr[i][j].split(".")[1] == "xml") {
  888. var xmlfile = Blockly.Xml.textToDom(txt);
  889. blockpy.components.editor.setBlocksFromXml(xmlfile);
  890. } else {
  891. blockpy.components.editor.codeMirror.setValue(txt);
  892. }
  893. setTimeout(() => {
  894. $('#loading').css({ 'display': 'none' });
  895. $('#example_alert').modal('close');
  896. }, 300)
  897. });
  898. }
  899. })(15, j)
  900. }
  901. if ($('ul.HarxA').length == i) {
  902. // 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;
  903. ai_tt.children[j].onclick = (function (i, j) {
  904. return function () {
  905. if (_arr[i][j].split("/")[0] == "Main") {
  906. $("#mode")[0].selectedIndex = 0;
  907. $("#mode")[0].onchange();
  908. $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
  909. appearExample(1);
  910. } else {
  911. $("#mode")[0].selectedIndex = 1;
  912. $("#mode")[0].onchange();
  913. $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.ai_module;
  914. appearExample(0);
  915. }
  916. $('.ModeSelect')[0].className = 'ModeSelect';
  917. readTxt("src/python/" + _arr[i][j], function (txt) {
  918. if (_arr[i][j].split(".")[1] == "xml") {
  919. var xmlfile = Blockly.Xml.textToDom(txt);
  920. blockpy.components.editor.setBlocksFromXml(xmlfile);
  921. } else {
  922. blockpy.components.editor.codeMirror.setValue(txt);
  923. }
  924. });
  925. }
  926. })(i, j)
  927. }
  928. if (i === 10 && (j !== 0 && j !== 1 && j !== 2)) {
  929. $('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
  930. }
  931. $('ul.HarxA')[i].children[j].onclick = (function (i, j) {
  932. return function () {
  933. if (_arr[i][j].split("/")[0] == "Main") {
  934. $("#mode")[0].selectedIndex = 0;
  935. $("#mode")[0].onchange();
  936. $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
  937. appearExample(1);
  938. } else {
  939. $("#mode")[0].selectedIndex = 1;
  940. $("#mode")[0].onchange();
  941. $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.ai_module;
  942. appearExample(0);
  943. }
  944. $('.ModeSelect')[0].className = 'ModeSelect';
  945. Ardublockly.alertExampleMessage(
  946. '',
  947. Ardublockly.getLocalStr('loadBlockBody'),
  948. true, {});
  949. readTxt("src/python/" + _arr[i][j], function (txt) {
  950. if (_arr[i][j].split(".")[1] == "xml") {
  951. var xmlfile = Blockly.Xml.textToDom(txt);
  952. blockpy.components.editor.setBlocksFromXml(xmlfile);
  953. } else {
  954. blockpy.components.editor.codeMirror.setValue(txt);
  955. }
  956. if ($('ul.HarxA')[i].children[j].id) {
  957. fileDownload(`src/python/AI/AI 扩展使用案例/${$('ul.HarxA')[i].children[j].id}.hex`, $('ul.HarxA')[i].children[j].id + '.hex')
  958. }
  959. setTimeout(() => {
  960. $('#loading').css({ 'display': 'none' });
  961. $('#example_alert').modal('close');
  962. }, 300)
  963. });
  964. }
  965. })(i, j)
  966. }
  967. }
  968. $('.qiehuanbtn')[0].onclick = function (e) {
  969. if (!(CCB.socket && CCB.socket.id)) {
  970. return;
  971. }
  972. U.UF.EV.stopBubble();
  973. if (Ardublockly.LANG == "en") {
  974. $('#localsssssaveOrOpen')[0].className = 'dropdown-content qiehuan qiehuanposi';
  975. } else {
  976. $('#localsssssaveOrOpen')[0].className = 'dropdown-content qiehuan';
  977. }
  978. }
  979. var _aqieM = $("#localsssssaveOrOpen")[0].children;
  980. for (var i = 0; i < _aqieM.length; i++) {
  981. $("#localsssssaveOrOpen")[0].children[i].addEventListener('click', function () {
  982. window.event ? window.event.cancelBubble = false : e.stopPropagation()
  983. var e = this;
  984. $('#runCuploadFilesode')[0].innerHTML = e.children[0].innerHTML;
  985. })
  986. // $("#localsssssaveOrOpen")[0].children[i].children[0].onclick = function (e) {
  987. // window.event ? window.event.cancelBubble = true : e.stopPropagation()
  988. // }
  989. }
  990. qiehuanjjj($('.qiehuanbtn')[0], $('#localsssssaveOrOpen')[0]);
  991. $(".switch_box1")[0].onclick = switchCC;
  992. $(".switch_box")[0].onclick = switchCC;
  993. $(".switch_box2")[0].onclick = switchCC;
  994. $("#repl_delete")[0].onclick = function () {
  995. $("#repl_box_content")[0].innerHTML = "";
  996. }
  997. }
  998. function switchCC(e) {
  999. var e = e.target || e;
  1000. var flag = true;
  1001. var pythonbox = $("#python_box")[0];
  1002. var replbox = $("#repl_box")[0];
  1003. var repl_delete = $("#repl_delete")[0]
  1004. if (e.className.indexOf("switch_select") != -1) {
  1005. return;
  1006. } else {
  1007. var switch_select = $(".switch_select")[0]
  1008. switch_select.className = switch_select.className.replace(" switch_select", "");
  1009. e.className += " switch_select";
  1010. if (e.className.indexOf("switch_box1") != -1) {
  1011. pythonbox.className = "card-content hidden"
  1012. replbox.className = "card-content"
  1013. repl_delete.style.display = "none";
  1014. $('#switchSerial1').click();
  1015. $("#Serial_Display").addClass("display_switch_box2");
  1016. $(".blockpy-toolbar-edit").css({
  1017. "display": "none"
  1018. });
  1019. $(".copy_code").css({
  1020. "display": "none"
  1021. });
  1022. $(".blockpy-toolbar-download").css({
  1023. "display": "none"
  1024. });
  1025. $(".blockpy-toolbar-upload").css({
  1026. "display": "none"
  1027. });
  1028. $("#repl_delete").css("display", "block");
  1029. }
  1030. else if (e.className.indexOf("switch_box2") != -1) {
  1031. pythonbox.className = "card-content hidden"
  1032. replbox.className = "card-content"
  1033. repl_delete.style.display = "none";
  1034. $('#switchSerial2').click();
  1035. $(".blockpy-toolbar-edit").css({
  1036. "display": "none"
  1037. });
  1038. $(".copy_code").css({
  1039. "display": "none"
  1040. });
  1041. $(".blockpy-toolbar-download").css({
  1042. "display": "none"
  1043. });
  1044. $(".blockpy-toolbar-upload").css({
  1045. "display": "none"
  1046. });
  1047. $("#repl_delete").css("display", "none");
  1048. }
  1049. else {
  1050. pythonbox.className = "card-content"
  1051. replbox.className = "card-content hidden"
  1052. repl_delete.style.display = "none";
  1053. $("#Serial_Display").removeClass("display_switch_box2");
  1054. $(".blockpy-toolbar-edit").css({
  1055. "display": "block"
  1056. });
  1057. $(".copy_code").css({
  1058. "display": "block"
  1059. });
  1060. $(".blockpy-toolbar-download").css({
  1061. "display": "block"
  1062. });
  1063. $(".blockpy-toolbar-upload").css({
  1064. "display": "block"
  1065. });
  1066. $("#repl_delete").css("display", "none");
  1067. }
  1068. }
  1069. }
  1070. function readTxt(url, fun) {
  1071. var xhr = new XMLHttpRequest();
  1072. xhr.open('get', url, true);
  1073. xhr.send();
  1074. xhr.onreadystatechange = function () {
  1075. if (xhr.readyState == 4 && xhr.status == 200) {
  1076. fun(xhr.responseText)
  1077. }
  1078. };
  1079. }
  1080. function qiehuanjjj(ele, _container) {
  1081. $("body")[0].addEventListener('click', function (e) {
  1082. if (ele != e.target) {
  1083. _container.className = 'dropdown-content';
  1084. }
  1085. })
  1086. }
  1087. function likeclose(ele, _container, type, _className) {
  1088. $("body")[0].addEventListener('click', function (e) {
  1089. if (ele != e.target) {
  1090. if (type == 1) {
  1091. _container.className = _className;
  1092. } else {
  1093. _container.style.display = 'none'
  1094. }
  1095. }
  1096. })
  1097. }
  1098. function export_data(data, postfix, is_firefox) {
  1099. let url = new Blob([data], { type: 'text/plain' });
  1100. let download_link = URL.createObjectURL(url);
  1101. let a = document.createElement('a');
  1102. a.style = "display:none";
  1103. a.href = download_link;
  1104. a.download = ($("#sketch_name").val() != '' ? $("#sketch_name").val() : "cocorobo") + postfix;
  1105. if (is_firefox) {
  1106. document.body.appendChild(a);
  1107. a.click();
  1108. setTimeout(() => document.body.removeChild(a), 100);
  1109. } else
  1110. a.click();
  1111. // URL.revokeObjectURL(download_link);
  1112. // IE edge need a short delay before revoke virtual download link
  1113. setTimeout(() => URL.revokeObjectURL(download_link), 100);
  1114. }
  1115. // 积木生成
  1116. function selectmode(sel, isload) {
  1117. var _type = getLocalStorage("type");
  1118. if (sel.selectedIndex == 0 && (_type != 1 || isload === true)) {
  1119. saveLocalStorageBlocks("pythonai-mode-blocks-xml");
  1120. saveLocalStorage("type", 1);
  1121. blockpy.setAssignment(
  1122. // settings
  1123. {},
  1124. // assignment
  1125. {
  1126. modules: {
  1127. 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"],
  1128. removed: ['A.I.Board']
  1129. }
  1130. },
  1131. // programs
  1132. {
  1133. __main__: ""
  1134. }
  1135. );
  1136. loadLocalStorageBlocks("pythonmc-mode-blocks-xml")
  1137. }
  1138. else if (sel.selectedIndex == 1 && (_type != 0 || isload === true)) {
  1139. saveLocalStorageBlocks("pythonmc-mode-blocks-xml");
  1140. saveLocalStorage("type", 0);
  1141. blockpy.setAssignment(
  1142. // settings
  1143. {},
  1144. // assignment
  1145. {
  1146. modules: {
  1147. 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"],
  1148. removed: ['MainBoard']
  1149. }
  1150. },
  1151. // programs
  1152. {
  1153. __main__: ""
  1154. }
  1155. );
  1156. loadLocalStorageBlocks("pythonai-mode-blocks-xml")
  1157. }
  1158. }
  1159. function getQueryParams() {
  1160. try {
  1161. url = window.location.href;
  1162. query_str = url.substr(url.indexOf("?") + 1, url.length - 1);
  1163. r_params = query_str.split("&");
  1164. params = {};
  1165. for (i in r_params) {
  1166. param = r_params[i].split("=");
  1167. params[param[0]] = param[1];
  1168. }
  1169. return params;
  1170. } catch (e) {
  1171. return {};
  1172. }
  1173. }
  1174. // onresize 多次执行解决办法
  1175. var debounce = function (func, threshold, execAsap) {
  1176. var timeout;
  1177. return function debounced() {
  1178. var obj = this, args = arguments;
  1179. function delayed() {
  1180. if (!execAsap)
  1181. func.apply(obj, args);
  1182. timeout = null;
  1183. };
  1184. if (timeout)
  1185. clearTimeout(timeout);
  1186. else if (execAsap)
  1187. func.apply(obj, args);
  1188. timeout = setTimeout(delayed, threshold || 100);
  1189. };
  1190. }
  1191. window.onresize = debounce(function () {
  1192. if (document.body.clientWidth < 1265) {
  1193. alert(CCB.str_group.alert)
  1194. }
  1195. }, 100, true);
  1196. // 切换数据显示方式
  1197. var myChart = "";
  1198. function switchSerial(type) {
  1199. if (type == 2) {
  1200. document.getElementById('repl_box_content').style.display = 'none';
  1201. document.getElementById('echartsShow').style.display = 'block';
  1202. document.getElementById('repl_box_content').innerHTML = ""
  1203. // document.getElementsByClassName('translatable_serial_plotter')[0].classList.remove("serial-active")
  1204. // document.getElementsByClassName('translatable_serial_visualization')[0].classList.add("serial-active")
  1205. // document.getElementById('echartsShow').innerHTML = `<div id="echartsMain" class="echartsMain"></div>`
  1206. myChart.resize();
  1207. var options = {
  1208. title: {
  1209. // text: 'ECharts 入门示例'
  1210. },
  1211. tooltip: {},
  1212. legend: {
  1213. // data: ['销量']
  1214. },
  1215. xAxis: {
  1216. data: []
  1217. },
  1218. yAxis: {},
  1219. series: []
  1220. };
  1221. myChart.clear();
  1222. myChart.setOption(options);
  1223. document.getElementById('echartsMain').lastChild.innerHTML = CCB.str_group.echart_text;
  1224. document.getElementById('echartsMain').lastChild.classList.add("echart-text");
  1225. } else {
  1226. document.getElementById('repl_box_content').style.display = 'block';
  1227. document.getElementById('echartsShow').style.display = 'none';
  1228. // document.getElementsByClassName('translatable_serial_plotter')[0].classList.add("serial-active")
  1229. // document.getElementsByClassName('translatable_serial_visualization')[0].classList.remove("serial-active")
  1230. document.getElementById('repl_box_content').innerHTML = ""
  1231. }
  1232. }
  1233. // 点击下载文件
  1234. function fileDownload(url, name) {
  1235. var nowA = document.createElement('a');
  1236. nowA.setAttribute('href', url);
  1237. nowA.setAttribute('download', name);
  1238. nowA.style.display = 'none';
  1239. document.body.appendChild(nowA);
  1240. nowA.click();
  1241. document.body.removeChild(nowA);
  1242. }
  1243. // 点击复制分享链接
  1244. function copyShare() {
  1245. $('#cloudBtn-shares').click(() => {
  1246. if (CCB.userState) {
  1247. let time = 10000
  1248. var $toastContent = $(`<span id="abc">${CCB.str_group.share_loading}</span>`)
  1249. Materialize.toast($toastContent, time, "shareUrl")
  1250. let fileNmae = new Date().getTime()
  1251. $.ajax(`${CCB.base_url}blockx/`, {
  1252. type: "POST",
  1253. xhrFields: {
  1254. withCredentials: true
  1255. },
  1256. data: {
  1257. filename: fileNmae,
  1258. xml: Ardublockly.generateXml()
  1259. },
  1260. success: (res) => {
  1261. let fileobject = {
  1262. filenameId: res.filename,
  1263. filename: fileNmae,
  1264. time: getCurrentDate(),
  1265. timestamp: (new Date()).valueOf()
  1266. };
  1267. CCB.cloudFileList.push(fileobject);
  1268. CCB.selectCloudFile = filename;
  1269. let url = window.location.href + '&Qd=' + res.filename;
  1270. let flag = copyText(url);
  1271. // time = 3000;
  1272. // document.getElementById('abc').innerHTML = flag ? CCB.str_group.share_success : CCB.str_group.share_fail
  1273. setTimeout(function () {
  1274. Materialize.toast(flag ? CCB.str_group.share_success : CCB.str_group.share_fail, 3000, "shareUrl")
  1275. }, time)
  1276. },
  1277. error: () => {
  1278. $("#cloud_modal_preload").css("display", "none");
  1279. // time = 4000;
  1280. // Materialize.toast(CCB.str_group.error_uploadFile, 4000);
  1281. // document.getElementById('abc').style.display = CCB.str_group.error_uploadFile
  1282. setTimeout(function () {
  1283. Materialize.toast(CCB.str_group.error_uploadFile, 4000)
  1284. }, time)
  1285. }
  1286. });
  1287. } else {
  1288. Materialize.toast(CCB.str_group.requestLogin, 3000);
  1289. $("#login_modal").modal("open")
  1290. }
  1291. })
  1292. }
  1293. function openUrl(url) {
  1294. window.open(url, "_blank")
  1295. }
  1296. function appearExample(type) {
  1297. if (type == 0) {
  1298. $('.ModeBox')[0].children[0].style.display = "block";
  1299. $('.ModeBox')[0].children[1].style.display = "none";
  1300. $('.ModeBox')[0].children[2].style.display = "none";
  1301. $('.ModeBox')[0].children[3].style.display = "none";
  1302. $('.ModeBox')[0].children[4].style.display = "none";
  1303. $('.ModeBox')[0].children[5].style.display = "none";
  1304. $('.ModeBox')[0].children[6].style.display = "block";
  1305. $('.ModeBox')[0].children[7].style.display = "block";
  1306. $('.ModeBox')[0].children[8].style.display = "block";
  1307. $('.ModeBox')[0].children[9].style.display = "block";
  1308. $('.ModeBox')[0].children[10].style.display = "block";
  1309. $('.ModeBox')[0].children[11].style.display = "block";
  1310. $('.ModeBox')[0].children[12].style.display = "block";
  1311. $('.ModeBox')[0].children[13].style.display = "block";
  1312. $('.ModeBox')[0].children[14].style.display = "block";
  1313. $('.ModeBox')[0].children[15].style.display = "block";
  1314. } else {
  1315. $('.ModeBox')[0].children[0].style.display = "none";
  1316. $('.ModeBox')[0].children[0].style.display = "none";
  1317. $('.ModeBox')[0].children[1].style.display = "block";
  1318. $('.ModeBox')[0].children[2].style.display = "block";
  1319. $('.ModeBox')[0].children[3].style.display = "block";
  1320. $('.ModeBox')[0].children[4].style.display = "block";
  1321. $('.ModeBox')[0].children[5].style.display = "block";
  1322. $('.ModeBox')[0].children[6].style.display = "none";
  1323. $('.ModeBox')[0].children[7].style.display = "none";
  1324. $('.ModeBox')[0].children[8].style.display = "none";
  1325. $('.ModeBox')[0].children[9].style.display = "none";
  1326. $('.ModeBox')[0].children[10].style.display = "none";
  1327. $('.ModeBox')[0].children[11].style.display = "none";
  1328. $('.ModeBox')[0].children[12].style.display = "none";
  1329. $('.ModeBox')[0].children[13].style.display = "none";
  1330. $('.ModeBox')[0].children[14].style.display = "none";
  1331. $('.ModeBox')[0].children[15].style.display = "none";
  1332. }
  1333. }
  1334. function savelxfile(title, code, cb) {
  1335. var _token = window.localStorage.Token;
  1336. if (_token) {
  1337. $.ajax(`/api/web/v1/blockpy/project/add`, {
  1338. type: "POST",
  1339. headers: { 'Authorization': "Bearer " + _token },
  1340. data: { code: code, title: title },
  1341. success: (data) => {
  1342. cb(data)
  1343. }
  1344. });
  1345. }
  1346. }
  1347. function getlxfiles(page, cb) {
  1348. var _token = window.localStorage.Token;
  1349. if (_token) {
  1350. $.ajax(`/api/web/v1/blockpy/project/list`, {
  1351. type: "GET",
  1352. headers: { 'Authorization': "Bearer " + _token },
  1353. data: "pageNumber=" + "&" + page + "pageSize=500",
  1354. success: (data) => {
  1355. cb(data)
  1356. }
  1357. });
  1358. }
  1359. }
  1360. function getFileList(data) {
  1361. var fileList = [];
  1362. data.data.records.filter(val => {
  1363. var filename = val.title;
  1364. var date = val.updateTime;
  1365. var Timestamp = new Date(date).getTime();
  1366. fileList.push({
  1367. filename: filename,
  1368. date: date,
  1369. timestamp: Timestamp,
  1370. filenameId: val.id
  1371. });
  1372. });
  1373. console.log(fileList, 'getCloudFileList')
  1374. updateCloudFileList(fileList);
  1375. updateCloudFilePanel();
  1376. // openCloudFile(CCB.cloudFileList[i].filename); 打开文件
  1377. let arr = window.location.search.split('&')[1]
  1378. if (arr) {
  1379. fileList.map(x => {
  1380. if (x.filenameid == arr.split('=')[1]) {
  1381. openCloudFile(x.filename)
  1382. }
  1383. return x;
  1384. })
  1385. }
  1386. }
  1387. function dellxfilebyid(id, cb) {
  1388. var _token = window.localStorage.Token;
  1389. if (_token) {
  1390. $.ajax(`/api/web/v1/blockpy/project/del/` + id, {
  1391. type: "GET",
  1392. headers: { 'Authorization': "Bearer " + _token },
  1393. success: (data) => {
  1394. cb(data)
  1395. }
  1396. });
  1397. }
  1398. }
  1399. function upadtelxfilenamebyid(id, title, cb) {
  1400. var _token = window.localStorage.Token;
  1401. if (_token) {
  1402. $.ajax(`/api/web/v1/blockpy/project/title/update`, {
  1403. type: "POST",
  1404. headers: { 'Authorization': "Bearer " + _token },
  1405. data: { id: id, title: title },
  1406. success: (data) => {
  1407. cb(data)
  1408. }
  1409. });
  1410. }
  1411. }
  1412. function uploadlxfilecontentbyid(id, code, cb) {
  1413. var _token = window.localStorage.Token;
  1414. if (_token) {
  1415. $.ajax(`/api/web/v1/blockpy/project/code/update`, {
  1416. type: "POST",
  1417. headers: { 'Authorization': "Bearer " + _token },
  1418. data: { id: id, code: code },
  1419. success: (data) => {
  1420. cb(data)
  1421. }
  1422. });
  1423. }
  1424. }
  1425. function showSaveToast(data) {
  1426. setTimeout(function () {
  1427. Materialize.toast(data.success ? '保存成功' : '保存失败', 3000, "shareUrl")
  1428. }, getCurrentDate())
  1429. }