cocorobolx/python/index.js

function initLanguage(langKey) {
  let defaultLang = 'en';
  let lang = langKey || defaultLang;

  if (defaultLang !== lang) {
    injectLanguageJsSources(lang);
    //updateLanguageText();
  }
}

// logout
$("#modal_logout_btn").on("click", function () {
  // logout();
});

function logout() {
  $.ajax(`${CCB.base_url}api/logout`, {
    type: "GET",
    xhrFields: {
      withCredentials: true
    },
    success: () => {
      // $('#login_iframe').attr('src', '//staging.cocorobo.cn/login/');
      appendIframe("TM_login");
      $('#TM_login').children().css("height", "820px");
      appendIframe("before_login");
      appendIframe("cloud_askLogin");
      Materialize.toast(CCB.str_group.success_userLogout, 4000);
      CCB.userState = false;
      $("#cloud_fileListArea").html("");
      loginModalStatus();
      $("#modal_logout_btn").addClass('blue')
      $(".svgImg").css('display', 'none');
      $(".translate-signout").css('opacity', '1')
    }
  });
}

// 点击语言下拉隐藏
// document.onclick = function () {
//   $('#languages').removeClass('active');
//   $('#languages').css({ display: 'none' })
// }

// 点击切换语言
// $('#nav_language').click(function (e) {
//   $('#languages').addClass('active');
//   $('#languages').css({ display: 'block', opacity: 1, position: 'absolute',top:'64px' })
//   var ev = e || window.event;
//   if (ev.stopPropagation) { //阻止冒泡，否则会触发点击空白区域的事件
//     ev.stopPropagation();
//   } else if (window.event) {
//     window.event.cancelBubble = true; //兼容IE
//   }
// })

function getUrlLanguage() {
  const val = location.search.match(new RegExp('[?&]lang=([^&]+)'));
  let language = val ? decodeURIComponent(val[1].replace(/\+/g, '%20')) : '';
  if (['en', 'zh-hant', 'zh-hans'].indexOf(language) < 0) return 'zh-hant';
  return language;
};

function injectLanguageJsSources(langKey) {
  const head = document.getElementsByTagName('head')[0];

  // Retrieve and inject Ardublockly translations synchronously
  const appLangJsLoad = document.createElement('script');
  const request = createAjaxRequest();
  const appLangJdPath = `msg/${langKey}.js`;
  try {
    request.open('GET', appLangJdPath, false);
    request.send('');
    appLangJsLoad.text = request.responseText;
  } catch (e) {
    // But still asynchronous lazy load so at least some text gets translated
    appLangJsLoad.src = appLangJdPath;
  }
  head.appendChild(appLangJsLoad);

  // Retrieve and inject Blockly translations asynchronously
  const blocklyLangJsLoad = document.createElement('script');
  blocklyLangJsLoad.src = `blockly/msg/js/${langKey}.js`;
  head.appendChild(blocklyLangJsLoad);
};

function createAjaxRequest() {
  let request = false;
  try {
    // Firefox, Chrome, IE7+, Opera, Safari
    request = new XMLHttpRequest();
  } catch (e) {
    // IE6 and earlier
    try {
      request = new ActiveXObject('Msxml2.XMLHTTP');
    } catch (e) {
      try {
        request = new ActiveXObject('Microsoft.XMLHTTP');
      } catch (e) {
        throw 'Your browser does not support AJAX. You will not be able to' +
        'use all of Ardublockly features.';
        request = null;
      }
    }
  }
  return request;
};

function updateLanguageText() {
  for (let textId in LOCALISED_TEXT) {
    const textStrings = document.getElementsByClassName(`translate-${textId}`);
    for (let i = 0; i < textStrings.length; i++) {
      textStrings[i].innerHTML = LOCALISED_TEXT[textId];
    }
  }
};

function clearBlocks(cb = () => { }) {
  const length = Blockly.mainWorkspace.getAllBlocks(true).length;
  if (length < 2) {
    Blockly.mainWorkspace.clear();
    cb();
  } else {
    Blockly.confirm(
      Blockly.Msg.DELETE_ALL_BLOCKS.replace("%1", length),
      ok => {
        if (!ok) return;
        Blockly.mainWorkspace.clear();
        cb();
      }
    );
  }
}

function addLibButton(lang) {
  // const addLib = document.createElement("button");
  // addLib.className = "waves-effect waves-light btn blue";
  // let content = lang === 'zh-hans' ? "添加库" : lang === 'zh-hant' ? "添加庫" : "Add Library";
  // addLib.textContent = content;
  // addLib.style = `
  //   position: absolute;
  //   width: 88%;
  //   bottom: 10px;
  //   left: 50%;
  //   transform: translateX(-50%);
  // `;
  // $(addLib).click(e =>
  //   blockpy.components.dialog.show("Add Library", document.createElement("div")));
  // $(".blocklyToolboxDiv").append(addLib);
}

// /**
//  * Save blocks into local storage. Note that MSIE 11 does not support
//  * LocalStorage on file:// URLs.
//  */
// function saveLocalStorageBlocks() {
//   if (window.sessionStorage) {
//     var xml = blockpy.components.editor.getBlocksFromXml();
//     var text = Blockly.Xml.domToText(xml);
//     localStorage.setItem("blocks", text);
//   }
//   // blockpy.components.editor.getBlocksFromXml()
// };
// /** Load blocks saved on loacl storage and deletes them from storage. */
// function loadLocalStorageBlocks() {
//   // try {
//   //     var loadOnce = window.localStorage.loadOnceBlocks;
//   // } catch (e) {
//   //     // Firefox sometimes throws a SecurityError when accessing sessionStorage.
//   //     // Restarting Firefox fixes this, so it looks like a bug.
//   //     var loadOnce = null;
//   // }
//   var loadBlocks = localStorage.getItem("blocks");
//   if (loadBlocks) {
//     var xml = Blockly.Xml.textToDom(loadBlocks);
//     blockpy.components.editor.setBlocksFromXml(xml);
//     localStorage.removeItem('blocks')
//   }
// };

var copyCodeClipboard;

$(window).one("load", () => {


  // 判断从python blcokly 跳转过来是ai或者iot
  if (window.location.search.indexOf('name') > -1 || getLocalStorage("type") == 1) {
    $("#mode")[0].selectedIndex = 1;
    $("#mode")[0].onchange();
    $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
    selectmode($("#mode")[0], true);
    appearExample(1);
  } else {
    $("#mode")[0].selectedIndex = 0;
    $("#mode")[0].onchange();
    $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.ai_module;
    selectmode($("#mode")[0], true);
    appearExample(0);
  }

  $('#white-box').css('display', 'none');

  const _lang = getUrlLanguage();

  const copyCodeClipboard = new ClipboardJS(".copy_code", {
    text: function () {
      return blockpy.components.editor.codeMirror.getValue();
      // const codes = $(".CodeMirror-code pre");
      // let target = "";
      // for (let i = 0; i < codes.length; i++) {
      //   let line = codes[i].textContent;
      //   !(line.length === 1 && line.charCodeAt(0) === 8203) ? target += line : "";
      //   i !== codes.length - 1 ? target += "\n" : "";
      // }
      // return target;
    }
  });
  copyCodeClipboard.on("success", () => copyCodeToast(2000));

  const copyCodeToast = (function (lang) {
    let toast = null,
      timeout = null;
    const content = lang === 'zh-hans' ? "复制成功" :
      lang === 'zh-hant' ? "複製成功" : "Copy Successfully";

    return function (ms) {
      if (toast) {
        toast.dismiss();
        clearTimeout(timeout);
      }
      toast = Materialize.toast(content, ms);
      timeout = setTimeout(() => toast = timeout = null, ms);
    };
  })(_lang);
  $("#delete-all").click(() => clearBlocks());
  $("#screenshot").click(() => Blockly.captureDialog_());
  $("#clearOutput").click(() => $(".blockpy-printer").html(""));
  $("#resetAll").click(() => clearBlocks(() => $(".blockpy-printer").html("")));
  $("#lang-tool").click(() => $("#side-lang-trigger > a").dropdown('open'));
  $("#file-tool").click(() => $("#side-file-trigger > a").dropdown('open'));

  $("#blockpy-content > .blockpy-editor img.fullscreenIcon").click(e => {
    $(e.currentTarget.parentNode).toggleClass("fullscreen");
    $("#blockpy-content > .blockpy-editor img.fullscreenIcon").toggleClass("hidden");
    $("html").toggleClass("fullscreenMode");
    setTimeout(function () {
      Blockly.svgResize(blockpy.components.editor.blockly);
      Blockly.svgResize(Blockly.mainWorkspace);
    }, 100)
  });

  $("#blockpy-content .card-header > img.fullscreenIcon").click(e => {
    $(e.currentTarget.parentNode.parentNode).toggleClass("fullscreen");
    $("#blockpy-content .card-header > img.fullscreenIcon").toggleClass("hidden");
    $("html").toggleClass("fullscreenMode");
    setTimeout(() => $(".blockpy-toolbar > .blockpy-text")
      .css("height", "90%")
      .css("height", "100%"), 0);
  });


  // 提示全屏
  setTimeout(() => {
    if (document.body.clientWidth < 1265) {
      alert(CCB.str_group.alert)
    }
    myChart = echarts.init(document.getElementById('echartsMain'));
    window.onresize = function () {
      myChart.resize();
    }
  }, 1000)


  // 加载echarts
  myChart = myChart = echarts.init(document.getElementById('echartsMain'));
  window.onresize = function () {
    myChart.resize();
  }



  // 点击复制分享链接
  copyShare()

  $("#local_connect_select li").bind({
    mouseover: function () {
      $(this).children("ul").toggle();
      $("#plugin_mac_or_windows").css("opacity", "1");
      $("#connect_method").css("opacity", "1");
    },
    mouseout: function () {
      $(this).children("ul").toggle();
      $("#plugin_mac_or_windows").css("opacity", "0");
      $("#connect_method").css("opacity", "0");
    }
  });

  $("#local_help li").bind({
    mouseover: function () {
      $(this).children("ul").toggle();
      $("#local_help_ai_kit").css("opacity", "1");
      $("#help_extends").css("opacity", "1");
    },
    mouseout: function () {
      $(this).children("ul").toggle();
      $("#local_help_ai_kit").css("opacity", "0");
      $("#help_extends").css("opacity", "0");
    }
  });

});


window.onbeforeunload = window.onunload = function () {
  if ($("#mode")[0].selectedIndex == 0) {
    saveLocalStorage("type", 0);
    saveLocalStorageBlocks("pythonai-mode-blocks-xml");
  } else {
    saveLocalStorage("type", 1);
    saveLocalStorageBlocks("pythonmc-mode-blocks-xml");
  }
}

window.onload = function () {
  var url = window.location.hash.substring(1);
  // if (url) {
  //   document.getElementById('ipAddress').value = 'ws://' + url;
  // }

  $('.dropdown-trigger').dropdown();
  setTimeout(() => $('.modal').modal(), 0);

  blockpy = new BlockPy({
    blocklyPath: "blockly/",
    attachmentPoint: document.getElementById("blockpy-div"),
    instructor:
      !getQueryParams()["instructor"] ||
      getQueryParams()["instructor"] == "true",
    developer: true,
    editor: getQueryParams()["mode"] || "Split",
    urls: {

    }
  });
  // ready();
  var size = calculate_size($("#term")[0]);
  term = new Terminal({
    cols: size[0],
    rows: size[1],
    useStyle: true,
    screenKeys: true,
    cursorBlink: false
  });
  term.open(document.getElementById("term"));
  //show_https_warning();
  $(".filled-in")[0].onclick = function () {
    var _chi = $(".filled-in")[0];
    var _par = $(".filled-in")[0].parentNode;
    if (!_chi.checked) {
      _par.children[1].className = 'filled-in_nocheked translatable_Adapter_fill_connected';
      _par.children[1].innerHTML = CCB.str_group.Adapter_fill_connected;
    } else {
      _par.children[1].className = 'translatable_Adapter_connected';
      _par.children[1].innerHTML = CCB.str_group.Adapter_connected;
    };

  }
  setTimeout(() => {
    cocoblockly();
  }, 0);
  $('.blockpy-toolbar-download').on(
    "click", () => export_data(
      pythonnewcode || Blockly.Python.workspaceToCode(blockpy.components.editor.blockly) || blockpy.components.editor.codeMirror.getValue(), '.py', 0
    )
  );
  $('.blockpy-toolbar-edit').click(e => $('#toggle-button').click());
  const uploadXmlButton = $('#pyFileImport > input');
  uploadXmlButton.change(function () {
    var fr = new FileReader();
    var files = uploadXmlButton[0].files;
    const file = files[0];
    Ardublockly.alertExampleMessage(
      '', Ardublockly.getLocalStr('loadBlockBody'),
      true, {});
    fr.onload = function (e) {
      var pyInnerHTML = e.target.result;
      blockpy.components.editor.codeMirror.setValue(pyInnerHTML);
    };
    fr.readAsText(file);
    setTimeout(() => {
      $('#loading').css({ 'display': 'none' });
      $('#example_alert').modal('close');
    }, 300)
    uploadXmlButton.val("");
  });
  $('.blockpy-toolbar-upload').click(e => $('#pyFileImport > input').click());
  fanyi();
  selectOnload();
  styled()


  let iframe = document.createElement("iframe")
  iframe.src = window.location.host.indexOf("beta") > -1 ? "//beta.project-x.cocorobo.cn/" : '//project-x.cocorobo.cn/';
  iframe.style.width = "100%";
  iframe.style.height = "50vh";
  document.getElementById('iframe').appendChild(iframe)
  //   $('#select_mode')[0].onchange = function(e){
  //       var e = e.target;
  //       selectmode(e.selectedIndex);
  //       var _index = e.selectedIndex;
  //       　 localStorage.setItem("ModeIndex",_index); 
  // 　　 
  //   }
  //   var _index = localStorage.getItem("ModeIndex") != "undefined" ? localStorage.getItem("ModeIndex") : 0;
  //   selectmode(parseInt(_index));
  //   $('#select_mode')[0].selectedIndex = parseInt(_index);
  
  $('#toggle-button').click(() => {
    if ($('#toggle-button')[0].checked) {
      $('#edit')[0].style.display = 'none';
      // $('.translatable_editing')[0].style.display = "none";
      // $('.translatable_close_editing')[0].style.display = "inline-block"
      $("#edit-on").css({
        "display": "block"
      });
      $("#edit-off").css({
        "display": "none"
      });
    } else {
      $('#edit')[0].style.display = 'none';
      // $('.translatable_editing')[0].style.display = "inline-block";
      // $('.translatable_close_editing')[0].style.display = "none"
      $("#edit-on").css({
        "display": "none"
      });
      $("#edit-off").css({
        "display": "block"
      });
    }
  })

  $('#sketch_name').focus(function () {
    if (window.location.href.indexOf("en") > -1) {
      this.setAttribute("placeholder", "Please enter the name of the work");
      $('#sketch_name').css("width","330px");
    }
    else if(window.location.href.indexOf("zh-hans") > -1){
      this.setAttribute("placeholder", "请输入作品名称");
      $('#sketch_name').css("width","220px");
    }
    else{
      this.setAttribute("placeholder", "請輸入作品名稱");
      $('#sketch_name').css("width","220px");
    }
  }).blur(function () {
    if (window.location.href.indexOf("en") > -1) {
      this.setAttribute("placeholder", "Please enter the name of the work");
      $('#sketch_name').css("width","330px");
    }
    else if(window.location.href.indexOf("zh-hans") > -1){
      this.setAttribute("placeholder", "请输入作品名称");
      $('#sketch_name').css("width","220px");
    }
    else{
      this.setAttribute("placeholder", "請輸入作品名稱");
      $('#sketch_name').css("width","220px");
    }
  });
}

function styled() {
  if (window.location.href.indexOf("en") > -1) {
    $(".downbox-style").css({ width: '280px', marginLeft: '-100px' })
    $("#downboxModule").addClass("english");
    $("#local_saveOrOpen").addClass("fileEnglish");
    $("#local_connect_select").addClass("fileEnglish");
    $("#Serial_Interaction").css("marginLeft", "15px");
    $("#Serial_Display").css("marginLeft", "35px");
    $("#iot_modules").css("width", "180px");
    $("#plugin_mac_or_windows").css("left", "390px");
    $("#connect_method").css("left", "390px");
    $("#local_help").addClass("helpEnglish");
    $("#local_help_ai_kit").css("left", "528px");
    $("#help_extends").css("left", "528px");
  }
}

function selectConnectMethods(type) {
  if ($('#runCode')[0].innerHTML == CCB.str_group.uploading) {
    if (type == 0) {
      $('.select-connected')[0].selectedIndex = 1;
      return null;
    }
    else {
      $('.select-connected')[0].selectedIndex = 0;
      return null;
    }
  }
  if (type == 0) {
    $('.select-connected')[0].selectedIndex = 0;
    $('.btn-network')[0].className = 'col cs6 btn-network';
    $('.btn-network')[1].className = 'col cs6 btn-network hidden';
  } else {
    $('#runCode')[0].innerHTML = Ardublockly.LOCALISED_TEXT.runCode;
    $('#uploadFiles')[0].innerHTML = Ardublockly.LOCALISED_TEXT.uploadFiles;
    $('.select-connected')[0].selectedIndex = 1;
    $('.btn-network')[1].className = 'col cs6 btn-network';
    $('.btn-network')[0].className = 'col cs6 btn-network hidden';
  }
}

function fanyi() {
  $('.ModeSelect')[0].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_Example;
  $('.ModeBox')[0].children[0].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.artificial_intelligence_textbook_program;
  $('.Hardware9 div')[0].innerHTML = Ardublockly.LOCALISED_TEXT.third_grade;
  $('.ModeBox ul')[0].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.recorded_voice_command;
  $('.ModeBox ul')[0].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.voice_recognition_lamp_stand;
  $('.Hardware5 div')[0].innerHTML = Ardublockly.LOCALISED_TEXT.fifth_grade;
  $('.ModeBox ul')[1].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.recorded_voice_command;
  $('.ModeBox ul')[1].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.intelligent_curtain;
  $('.ModeBox ul')[1].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.fruit_picking_robot;
  $('.Hardware6 div')[0].innerHTML = Ardublockly.LOCALISED_TEXT.sixth_grade;
  $('.ModeBox ul')[2].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.intelligent_traffic_lights;
  $('.ModeBox ul')[2].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.seeing_eye_necklace;
  $('.Hardware7 div')[0].innerHTML = Ardublockly.LOCALISED_TEXT.seventh_grade;
  $('.ModeBox ul')[3].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.face_recognition_electronic_police;
  $('.Hardware8 div')[0].innerHTML = Ardublockly.LOCALISED_TEXT.eighth_grade;
  $('.ModeBox ul')[4].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.payment_platform;


  $('.ModeBox')[0].children[1].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_Basics;
  $('.ModeBox ul')[5].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_sbcb;
  $('.ModeBox ul')[5].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_sbcsl;
  $('.ModeBox ul')[5].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_tacl
  $('.ModeBox ul')[5].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_ba
  $('.ModeBox ul')[5].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_desl
  $('.ModeBox ul')[5].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_tdsl;
  $('.ModeBox ul')[5].children[6].innerHTML = Ardublockly.LOCALISED_TEXT.select_ha;
  $('.ModeBox ul')[5].children[7].innerHTML = Ardublockly.LOCALISED_TEXT.select_ssl;
  $('.ModeBox ul')[5].children[8].innerHTML = Ardublockly.LOCALISED_TEXT.select_ldliv;


  $('.ModeBox')[0].children[2].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_imefc;
  $('.ModeBox ul')[6].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_uls;
  $('.ModeBox ul')[6].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_umdm;
  $('.ModeBox ul')[6].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_uoglls;
  $('.ModeBox ul')[6].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_auogsm;
  $('.ModeBox ul')[6].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_ctsotem;
  $('.ModeBox ul')[6].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_thwos;
  $('.ModeBox ul')[6].children[6].innerHTML = Ardublockly.LOCALISED_TEXT.select_sdla;
  $('.ModeBox ul')[6].children[7].innerHTML = Ardublockly.LOCALISED_TEXT.select_line;
  $('.ModeBox ul')[6].children[8].innerHTML = Ardublockly.LOCALISED_TEXT.select_bccs;
  $('.ModeBox ul')[6].children[9].innerHTML = Ardublockly.LOCALISED_TEXT.select_stepCounter;

  $('.ModeBox')[0].children[3].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_ionc;
  $('.ModeBox ul')[7].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_btsldtc;
  $('.ModeBox ul')[7].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_ktsedti;
  $('.ModeBox ul')[7].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_btoldalua;
  $('.ModeBox ul')[7].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_tsedtc;
  $('.ModeBox ul')[7].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_toedaluatc;
  $('.ModeBox ul')[7].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_ewhadtnocd;
  $('.ModeBox ul')[7].children[6].innerHTML = Ardublockly.LOCALISED_TEXT.select_ledss;
  $('.ModeBox ul')[7].children[7].innerHTML = Ardublockly.LOCALISED_TEXT.select_ledac;
  $('.ModeBox ul')[7].children[8].innerHTML = Ardublockly.LOCALISED_TEXT.select_ctwn;
  $('.ModeBox ul')[7].children[9].innerHTML = Ardublockly.LOCALISED_TEXT.select_bssbms;
  $('.ModeBox ul')[7].children[10].innerHTML = Ardublockly.LOCALISED_TEXT.select_bsrbmc;
  $('.ModeBox ul')[7].children[11].innerHTML = Ardublockly.LOCALISED_TEXT.select_wrcbms;
  $('.ModeBox ul')[7].children[12].innerHTML = Ardublockly.LOCALISED_TEXT.select_wrcbmr;
  $('.ModeBox ul')[7].children[13].innerHTML = Ardublockly.LOCALISED_TEXT.select_snt;
  $('.ModeBox ul')[7].children[14].innerHTML = Ardublockly.LOCALISED_TEXT.select_dwsdat;

  
  $('.ModeBox')[0].children[4].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_work_u;
  $('.ModeBox ul')[8].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_middle_led;
  $('.ModeBox ul')[8].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_all_led;
  $('.ModeBox ul')[8].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_liu_led;
  $('.ModeBox ul')[8].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_warning;
  $('.ModeBox ul')[8].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_music;
  $('.ModeBox ul')[8].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_button_open;
  $('.ModeBox ul')[8].children[6].innerHTML = Ardublockly.LOCALISED_TEXT.select_touch_open;
  $('.ModeBox ul')[8].children[7].innerHTML = Ardublockly.LOCALISED_TEXT.select_button_close;
  $('.ModeBox ul')[8].children[8].innerHTML = Ardublockly.LOCALISED_TEXT.select_control_LED;
  $('.ModeBox ul')[8].children[9].innerHTML = Ardublockly.LOCALISED_TEXT.select_sensor_LED;
  $('.ModeBox ul')[8].children[10].innerHTML = Ardublockly.LOCALISED_TEXT.select_humidity_alarm;

  $('.ModeBox')[0].children[5].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_work_d;
  $('.ModeBox ul')[9].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_shaking_LED;
  // $('.ModeBox ul')[4].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_connect_wifi;
  $('.ModeBox ul')[9].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_show_statement;
  $('.ModeBox ul')[9].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_establish_WiFi;
  $('.ModeBox ul')[9].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_download_lighting;
  $('.ModeBox ul')[9].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_controlling_servo;
  $('.ModeBox ul')[9].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_move_servo;
  $('.ModeBox ul')[9].children[6].innerHTML = Ardublockly.LOCALISED_TEXT.select_button_controlling_servo;
  $('.ModeBox ul')[9].children[7].innerHTML = Ardublockly.LOCALISED_TEXT.select_face_recognition_door;
  $('.ModeBox ul')[9].children[8].innerHTML = Ardublockly.LOCALISED_TEXT.select_speech_recognition_car;
  $('.ModeBox ul')[9].children[9].innerHTML = Ardublockly.LOCALISED_TEXT.select_gyro_control_robot;
  $('.ModeBox ul')[9].children[10].innerHTML = Ardublockly.LOCALISED_TEXT.select_gesture_recognition_robot;
  $('.ModeBox ul')[9].children[11].innerHTML = Ardublockly.LOCALISED_TEXT.select_speech_recogniton_lamp;



  $('.ModeBox')[0].children[6].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_smmlc;
  $('.ModeBox ul')[10].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_gcaerhk;
  $('.ModeBox ul')[10].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_frs;
  $('.ModeBox ul')[10].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_ors;
  $('.ModeBox ul')[10].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_fr;
  $('.ModeBox ul')[10].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_or;
  $('.ModeBox ul')[10].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_srd;
  $('.ModeBox ul')[10].children[6].innerHTML = Ardublockly.LOCALISED_TEXT.select_srt;
  $('.ModeBox ul')[10].children[7].innerHTML = Ardublockly.LOCALISED_TEXT.select_mhdr;




  $('.ModeBox')[0].children[7].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_ambc;
  $('.ModeBox ul')[11].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_bcsc;
  $('.ModeBox ul')[11].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_kcpccs;
  $('.ModeBox ul')[11].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_kcpficc;
  $('.ModeBox ul')[11].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_bccs;
  $('.ModeBox ul')[11].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_mc;
  $('.ModeBox ul')[11].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_sor;
  $('.ModeBox ul')[11].children[6].innerHTML = Ardublockly.LOCALISED_TEXT.select_sdla;



  $('.ModeBox')[0].children[8].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_amefc;
  $('.ModeBox ul')[12].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_auls;
  $('.ModeBox ul')[12].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_aumdm;
  $('.ModeBox ul')[12].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_auogsm;
  $('.ModeBox ul')[12].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_actsotem;
  $('.ModeBox ul')[12].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_greedy_snake;


  $('.ModeBox')[0].children[9].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_amvc;
  $('.ModeBox ul')[13].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_bctbotci;
  $('.ModeBox ul')[13].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_aca;
  $('.ModeBox ul')[13].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_rqc;
  $('.ModeBox ul')[13].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_lhbl;
  $('.ModeBox ul')[13].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_fgr;
  $('.ModeBox ul')[13].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_fgaat;

  $('.ModeBox')[0].children[10].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_av;
  $('.ModeBox ul')[14].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.paly_video;
  $('.ModeBox ul')[14].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.paly_music;
  $('.ModeBox ul')[14].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.recording_camera;
  $('.ModeBox ul')[14].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.microphone_sound_analysis;

  $('.ModeBox')[0].children[11].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_teacher;
  $('.ModeBox ul')[15].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_thw;
  $('.ModeBox ul')[15].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_thwos;
  $('.ModeBox ul')[15].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_uoc;
  $('.ModeBox ul')[15].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_mc;
  $('.ModeBox ul')[15].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_sor;

  $('.ModeBox')[0].children[12].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_teacher2;
  $('.ModeBox ul')[16].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.select_aiaor;
  $('.ModeBox ul')[16].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.select_aifr;
  $('.ModeBox ul')[16].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.select_aica;
  $('.ModeBox ul')[16].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.select_aisrc;
  $('.ModeBox ul')[16].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_aisrr;
  $('.ModeBox ul')[16].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.select_aiaa;

  $('.ModeBox')[0].children[13].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_teachingcases;
  $('.ModeBox ul')[17].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ex1_servo;
  $('.ModeBox ul')[17].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.ex2_Ultrasound;
  // $('.ModeBox ul')[12].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.ex3_RangeFinder;
  // $('.ModeBox ul')[12].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.ex4_LightStrip;
  // $('.ModeBox ul')[12].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.ex5_Microbit;
  // $('.ModeBox ul')[12].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.ex6_MicrobitFace;
  // $('.ModeBox ul')[12].children[6].innerHTML = Ardublockly.LOCALISED_TEXT.ex7_Door;
  $('.ModeBox ul')[17].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.ex4_LightStrip
  $('.ModeBox ul')[17].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.ex5_Microbit;
  $('.ModeBox ul')[17].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.ex6_MicrobitFace;
  $('.ModeBox ul')[17].children[5].innerHTML = Ardublockly.LOCALISED_TEXT.ex7_Door;

  $('.ModeBox')[0].children[14].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_wc;
  $('.ModeBox ul')[18].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_smaa;
  $('.ModeBox ul')[18].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.ai_gc;
  $('.ModeBox ul')[18].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.ai_wsb;

  $('.ModeBox')[0].children[15].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_ad;
  $('.ModeBox ul')[19].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_trsr;
  $('.ModeBox ul')[19].children[1].innerHTML = Ardublockly.LOCALISED_TEXT.ai_tpl2;
  $('.ModeBox ul')[19].children[2].innerHTML = Ardublockly.LOCALISED_TEXT.ai_tpll;
  $('.ModeBox ul')[19].children[3].innerHTML = Ardublockly.LOCALISED_TEXT.ai_tph;

  // $('.ModeBox ul')[3].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_Mandarin;
  // $('.ModeBox ul')[3].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_English;
  // $('.ModeBox ul')[3].children[4].innerHTML = Ardublockly.LOCALISED_TEXT.select_Cantonese;
  // $('#uploadFiles')[0].innerHTML = Ardublockly.LOCALISED_TEXT.uploadFiles;
  // $("#sketch_name").val(Ardublockly.LOCALISED_TEXT.sketch_name);
  $('#runCode')[0].innerHTML = Ardublockly.LOCALISED_TEXT.runCode;
  $('#uploadFiles')[0].innerHTML = Ardublockly.LOCALISED_TEXT.uploadFiles;
  // $('#resetDevice')[0].innerHTML = Ardublockly.LOCALISED_TEXT.resetDevice;
  $('#select_dropdown')[0].value = Ardublockly.LOCALISED_TEXT.select_dropdown;
  $('#iot_modules')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
  $(".qiehuanbtn")[0].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.a_csm;
  $("#localsssssaveOrOpen")[0].children[0].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.a_butvmi;
  $("#localsssssaveOrOpen")[0].children[1].children[0].innerHTML = Ardublockly.LOCALISED_TEXT.a_buartlp;
  // $("#Serial_Interaction")[0].innerHTML = Ardublockly.LOCALISED_TEXT.Serial_Interaction;

  $('#ai_tt div')[0].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_thw;
  $('#ai_tt div')[1].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_thwos;
  $('#ai_tt div')[2].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_uoc;
  $('#ai_tt div')[3].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_mc;
  $('#ai_tt div')[4].innerHTML = Ardublockly.LOCALISED_TEXT.ai_modules_sor;
}

function selectOnload() {
  $('.select-connected')[0].onchange = function () {
    var a = $('.select-connected')[0].selectedIndex;
    if ($('#runCode')[0].innerHTML == CCB.str_group.uploading) {
      if (a == 0) {
        $('.select-connected')[0].selectedIndex = 1;
        return null;
      } else {
        $('.select-connected')[0].selectedIndex = 0;
        return null;
      }
    }
    if (a == 0) {
      $('.btn-network')[0].className = 'col s6 btn-network';
      $('.btn-network')[1].className = 'col s6 btn-network hidden';
    } else {
      $('.btn-network')[1].className = 'col s6 btn-network';
      $('.btn-network')[0].className = 'col s6 btn-network hidden';
    }
  }
  $('.selectMode_input')[0].onclick = function (e) {
    $('.MouduleBox')[0].style.cssText = 'display:block';
  }
  $('.ModeSelectBox')[0].onclick = function (e) {
    U.UF.EV.stopBubble();
    $('.ModeSelect')[0].className = 'ModeSelect active';
    $('#downboxModule').css("display", "none");
  }
  likeclose($('.selectMode_input')[0], $('.MouduleBox')[0], '', '');
  likeclose($('.ModeSelect')[0].children[0], $('.ModeSelect')[0], 1, 'ModeSelect');
  likeclose($('#bar_ai img')[0], $('.MouduleBox')[1], '', '');
  likeclose($('#bar_t img')[0], $('#ai_tt')[0], '', '');
  var MChild = $('.MouduleBox')[0].children;
  var tchild = $('.MouduleBox')[1].children;
  for (var i = 0; i < MChild.length; i++) {
    tchild[i].onclick = MChild[i].onclick = function (e) {
      window.event ? window.event.cancelBubble = true : e.stopPropagation()
      var e = e.target;
      if (e.parentElement.children[2] && e.parentElement.children[2].children.length > 0) { } else {
        if (e.innerHTML == Ardublockly.LOCALISED_TEXT.iot_module) {
          $("#mode")[0].selectedIndex = 1;
          $("#mode")[0].onchange();
          $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
          appearExample(1);
        }
        else if (e.innerHTML == Ardublockly.LOCALISED_TEXT.ai_module) {
          $("#mode")[0].selectedIndex = 0;
          $("#mode")[0].onchange();
          $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.ai_module;
          appearExample(0);
        }
        $('.MouduleBox')[0].style.display = 'none';
        $('.MouduleBox')[1].style.display = 'none';
        $('#ai_tt')[0].style.display = 'none';
      }
    }
  }
  for (var i = 0; i < $('.ModeBox')[0].children.length; i++) {
    $('.ModeBox')[0].children[i].onclick = function (e) {
      window.event ? window.event.cancelBubble = true : e.stopPropagation()
    }
  }
  // "AI/云端语音识别 (普通话).txt", "AI/云端语音识别 (英文).txt", "AI/云端语音识别 (粤语).txt"
  var _arr = [
    ["AI/AI 广州/录制语音指令.xml",
      "AI/AI 广州/语音识别台灯.xml",
    ],

    [
      "AI/AI 广州/录制语音指令.xml",
      "AI/AI 广州/智能窗帘.xml",
      "AI/AI 广州/水果采摘机器人.xml",
    ],

    [
      "AI/AI 广州/智能交通信号灯.xml",
      "AI/AI 广州/导盲项链.xml",
    ],

    [
      // "AI/AI 广州/二维码包裹分拣机器人.xml",
      "AI/AI 广州/人脸辨识电子警察.xml",
    ],
    [
      "AI/AI 广州/支付台.xml"
    ],
    [
      "Main/IoT 模块基础案例/侧边按键控制蜂鸣器.xml",
      "Main/IoT 模块基础案例/侧边按键控制开关 LED.xml",
      "Main/IoT 模块基础案例/触摸区域控制 LED.xml",
      "Main/IoT 模块基础案例/蜂鸣器警报.xml",
      "Main/IoT 模块基础案例/黑暗环境感应光照灯.xml",
      "Main/IoT 模块基础案例/倾斜方向感应 LED.xml",
      "Main/IoT 模块基础案例/湿度报警器.xml",
      "Main/IoT 模块基础案例/摇晃感应 LED.xml",
      "Main/IoT 模块基础案例/LED 显示光线强度值.xml"
    ],
    [
      "Main/IoT 模块扩展功能案例/使用 LED 灯屏.xml",
      "Main/IoT 模块扩展功能案例/使用电机驱动模块.xml",
      "Main/IoT 模块扩展功能案例/使用游戏手柄LED 灯屏.xml",
      "Main/IoT 模块扩展功能案例/使用游戏手柄屏幕.xml",
      "Main/IoT 模块扩展功能案例/在扩展模块上控制舵机.xml",
      "Main/IoT 模块扩展功能案例/屏幕显示Hello_World.xml",
      "Main/IoT 模块扩展功能案例/屏幕绘制线条动画.xml",
      "Main/IoT 模块基础案例/按键控制屏幕直线转动.xml",
      "Main/IoT 模块基础案例/按键控制颜色切换.xml",
      "Main/IoT 模块扩展功能案例/计步器.xml"
    ],
    [
      "Main/IoT 模块联网案例/按键发送光照数据至 CocoCloud.xml",
      "Main/IoT 模块联网案例/按键发送环境数据至 IFTTT.xml",
      "Main/IoT 模块联网案例/按键获取光照数据并根据条件亮灯.xml",
      "Main/IoT 模块联网案例/定时发送环境数据至 CocoCloud.xml",
      "Main/IoT 模块联网案例/定时接收环境数据并根据条件亮灯.xml",
      "Main/IoT 模块联网案例/建立 WiFi 热点并显示连接设备数量.xml",
      "Main/IoT 模块联网案例/局域网环境数据存储 - 服务器端.xml",
      "Main/IoT 模块联网案例/局域网环境数据获取 - 客户端.xml",
      "Main/IoT 模块联网案例/连接 WiFi 网络.xml",
      "Main/IoT 模块联网案例/模块间按钮状态存储 - 服务端.xml",
      "Main/IoT 模块联网案例/模块间按钮状态接收 - 客户端.xml",
      "Main/IoT 模块联网案例/模块间进行 WebSocket 实时通信 - 发送端.xml",
      "Main/IoT 模块联网案例/模块间进行 WebSocket 实时通信 - 接收端.xml",
      "Main/IoT 模块联网案例/同步网络时间.xml",
      "Main/IoT 模块联网案例/数字手表显示实时时间.xml"
    ],

    [
      "Main/IoT工作坊/00 程序/01 點亮正中間的LED燈.xml",
      "Main/IoT工作坊/00 程序/02 點亮所有LED燈.xml",
      "Main/IoT工作坊/00 程序/03 流水燈.xml",
      "Main/IoT工作坊/00 程序/04 蜂鳴器警報.xml",
      "Main/IoT工作坊/00 程序/05 8-bit音樂.xml",
      "Main/IoT工作坊/00 程序/06 序列埠通訊：按鈕開關.xml",
      "Main/IoT工作坊/00 程序/07 序列埠通訊：觸摸開關.xml",
      "Main/IoT工作坊/00 程序/08 按鈕開關蜂鳴器.xml",
      "Main/IoT工作坊/00 程序/09 觸摸開關燈.xml",
      "Main/IoT工作坊/00 程序/10 補光裝置.xml",
      "Main/IoT工作坊/00 程序/11 濕度報警器.xml"

    ],
    [
      "Main/IoT工作坊/00 程序/12 晃晃燈.xml",
      // "Main/IoT工作坊/00 程序/13 連接Wi-Fi.xml",
      "Main/IoT工作坊/00 程序/14 連接Wi-Fi並顯示連接狀態.xml",
      "Main/IoT工作坊/00 程序/15 建立熱點並顯示已連接的設備數.xml",
      "Main/IoT工作坊/00 程序/16 亮度數據上傳與下載.xml",
      "Main/IoT工作坊/00 程序/17 伺服馬達來回擺動.xml",
      "Main/IoT工作坊/00 程序/19 伺服馬達定時擺動.xml",
      "Main/IoT工作坊/00 程序/20 按鍵控制伺服馬達.xml",
      "Main/IoT工作坊/00 程序/18 閘門（人臉識別）.xml",
      "Main/IoT工作坊/00 程序/體驗 iot-機械車（語音控制）.xml",
      "Main/IoT工作坊/00 程序/體驗 iot-機械人（陀螺儀）.xml",
      "Main/IoT工作坊/00 程序/體驗 iot-機械人（姿態識別）.xml",
      "Main/IoT工作坊/00 程序/體驗 iot-檯燈（語音控制）.xml"

    ],
    [
      "AI/AI 模块机器学习案例/垃圾分类识别（香港版）.xml",
      "AI/AI 模块机器学习案例/人脸识别.xml",
      "AI/AI 模块机器学习案例/物体识别.xml",
      "AI/AI 模块机器学习案例/face.xml",
      "AI/AI 模块机器学习案例/object.xml",
      "AI/AI 模块机器学习案例/語音錄製.xml",
      "AI/AI 模块机器学习案例/語音識別.xml",
      "AI/AI 模块机器学习案例/MNIST 手写数字识别.xml"
    ],
    ["AI/AI 模块基础案例/按键控制屏幕时针转动.xml",
      "AI/AI 模块基础案例/按键控制图片改变颜色制式.xml",
      "AI/AI 模块基础案例/按键控制图片进行反色变化.xml",
      "AI/AI 模块基础案例/按键控制颜色切换.xml",
      "AI/AI 模块基础案例/迷你相机.xml",
      "AI/AI 模块基础案例/屏幕方向旋转.xml",
      "AI/AI 模块基础案例/屏幕绘制线条动画.xml"],
    ["AI/AI 模块扩展功能案例/使用 LED 灯屏.xml",
      "AI/AI 模块扩展功能案例/使用电机驱动模块.xml",
      "AI/AI 模块扩展功能案例/使用游戏手柄 + 屏幕模块.xml",
      "AI/AI 模块扩展功能案例/在扩展模块上控制舵机.xml",
      "AI/AI 模块扩展功能案例/贪吃蛇.xml"],
    ["AI/AI 模块视觉案例/按键改变相机图像的亮度.xml",
      "AI/AI 模块视觉案例/区域颜色分析.xml",
      "AI/AI 模块视觉案例/识别 QR 二维码.xml",
      "AI/AI 模块视觉案例/寻线（黑线）.xml",
      "AI/AI 模块视觉案例/寻找绿色的圆形.xml",
      "AI/AI 模块视觉案例/寻找绿色区域并进行追踪.xml"],
    ["AI/AI 模块影音案例/播放录制的视频档案.xml",
      "AI/AI 模块影音案例/播放音乐.xml",
      "AI/AI 模块影音案例/录制摄像头画面并保存.xml",
      "AI/AI 模块影音案例/麦克风声音频谱分析.xml"],
    ["AI/AI 教学/AI_Workshop_ex1.xml",
      "AI/AI 教学/AI_Workshop_ex2.xml",
      "AI/AI 教学/AI_Workshop_ex3.xml",
      "AI/AI 教学/AI_Workshop_ex4.xml",
      "AI/AI 教学/AI_Workshop_ex5.xml"
    ],
    ["AI/AI 教学/AI_Workshop_II_ex1.xml",
      "AI/AI 教学/AI_Workshop_II_ex2.xml",
      "AI/AI 教学/AI_Workshop_II_ex3.xml",
      "AI/AI 教学/AI_Workshop_II_ex4a.xml",
      "AI/AI 教学/AI_Workshop_II_ex4b.xml",
      "AI/AI 教学/AI_Workshop_II_ex5.xml"],
    ["AI/AI 扩展使用案例/AI_Workshop_III_ex1_Servo.xml",
      "AI/AI 扩展使用案例/AI_Workshop_III_ex2_Ultrasound.xml",
      "AI/AI 扩展使用案例/AI_Workshop_III_ex4_LightStrip.xml",
      "AI/AI 扩展使用案例/AI_Workshop_III_ex5_Microbit.xml",
      "AI/AI 扩展使用案例/AI_Workshop_III_ex6_MicrobitFace.xml",
      "AI/AI 扩展使用案例/AI_Workshop_III_ex7_Door.xml"],
    ["AI/AI 垃圾分类/AI_Workshop_IV_1.xml",
      "AI/AI 垃圾分类/AI_Workshop_IV_2.xml",
      "AI/AI 垃圾分类/AI_Workshop_IV_3.xml",
    ],
    ["AI/AI 教学/第一場-路標識別(香港標識).xml",
      "AI/AI 教学/第二場-巡線（單線-靠左行駛）.xml",
      "AI/AI 教学/第二場-巡線（雙線）.xml",
      "AI/AI 教学/第三場-自動駕駛-香港標識.xml"
    ]
  ];


  // var _arr = [
  //   ["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"],
  //   ["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"],
  //   ["AI/迷你照相機.xml", "AI/LCD 按鈕控制時針轉動.xml", "AI/LCD 按鈕控制顏色切換.xml", "AI/LCD 繪製圖形動畫.xml", "AI/屏幕圖片裁剪.xml", "AI/屏幕圖案旋轉.xml", "AI/按鍵改變圖片至反色.xml", "AI/按鍵改變圖片顏色模式.xml", "AI/按鍵改變圖片尺寸.xml"],
  //   ["AI/二维码识别.xml", "AI/视觉循迹（黑线）.xml", "AI/寻找绿色区域并追踪.xml", "AI/区域颜色分析.xml", "AI/寻找绿色的圆形.xml", "AI/按鍵改變相機顏色模式.xml", "AI/按鍵改變相機圖像的亮度.xml"],
  //   ["AI/手写数字识别.xml", "AI/人脸检测.xml", "AI/物体识别.xml", "AI/hktrashclassification_9classes.xml"],
  //   ["AI/麦克风分析声音频谱.xml", "AI/播放音频文件.xml", "AI/播放影片档案.xml", "AI/录制摄像头画面.xml"]
  // ];
  for (var i = 0; i < $('ul.HarxA').length; i++) {
    for (var j = 0; j < $('ul.HarxA')[i].children.length; j++) {

      if (i == 15) {
        $('#ai_tt div')[j].onclick = (function (i, j) {
          return function () {
            if (_arr[i][j].split("/")[0] == "Main") {
              $("#mode")[0].selectedIndex = 1;
              $("#mode")[0].onchange();
              $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
              appearExample(1);
            } else {
              $("#mode")[0].selectedIndex = 0;
              $("#mode")[0].onchange();
              $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.ai_module;
              appearExample(0);
            }
            $('.ModeSelect')[0].className = 'ModeSelect';
            Ardublockly.alertExampleMessage(
              '',
              Ardublockly.getLocalStr('loadBlockBody'),
              true, {});
            readTxt("src/python/" + _arr[i][j], function (txt) {
              if (_arr[i][j].split(".")[1] == "xml") {
                var xmlfile = Blockly.Xml.textToDom(txt);
                blockpy.components.editor.setBlocksFromXml(xmlfile);
              } else {
                blockpy.components.editor.codeMirror.setValue(txt);
              }
              setTimeout(() => {
                $('#loading').css({ 'display': 'none' });
                $('#example_alert').modal('close');
              }, 300)
            });
          }
        })(15, j)
      }

      if ($('ul.HarxA').length == i) {
        // 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;
        ai_tt.children[j].onclick = (function (i, j) {
          return function () {
            if (_arr[i][j].split("/")[0] == "Main") {
              $("#mode")[0].selectedIndex = 1;
              $("#mode")[0].onchange();
              $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
              appearExample(1);
            } else {
              $("#mode")[0].selectedIndex = 0;
              $("#mode")[0].onchange();
              $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.ai_module;
              appearExample(0);
            }
            $('.ModeSelect')[0].className = 'ModeSelect';
            readTxt("src/python/" + _arr[i][j], function (txt) {
              if (_arr[i][j].split(".")[1] == "xml") {
                var xmlfile = Blockly.Xml.textToDom(txt);
                blockpy.components.editor.setBlocksFromXml(xmlfile);
              } else {
                blockpy.components.editor.codeMirror.setValue(txt);
              }
            });
          }
        })(i, j)
      }

      if (i === 10 && (j !== 0 && j !== 1 && j !== 2)) {
        $('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
      }

      $('ul.HarxA')[i].children[j].onclick = (function (i, j) {
        return function () {
          if (_arr[i][j].split("/")[0] == "Main") {
            $("#mode")[0].selectedIndex = 1;
            $("#mode")[0].onchange();
            $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
            appearExample(1);
          } else {
            $("#mode")[0].selectedIndex = 0;
            $("#mode")[0].onchange();
            $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.ai_module;
            appearExample(0);
          }
          $('.ModeSelect')[0].className = 'ModeSelect';
          Ardublockly.alertExampleMessage(
            '',
            Ardublockly.getLocalStr('loadBlockBody'),
            true, {});
          readTxt("src/python/" + _arr[i][j], function (txt) {
            if (_arr[i][j].split(".")[1] == "xml") {
              var xmlfile = Blockly.Xml.textToDom(txt);
              blockpy.components.editor.setBlocksFromXml(xmlfile);
            } else {
              blockpy.components.editor.codeMirror.setValue(txt);
            }
            if ($('ul.HarxA')[i].children[j].id) {
              fileDownload(`src/python/AI/AI 扩展使用案例/${$('ul.HarxA')[i].children[j].id}.hex`, $('ul.HarxA')[i].children[j].id + '.hex')
            }
            setTimeout(() => {
              $('#loading').css({ 'display': 'none' });
              $('#example_alert').modal('close');
            }, 300)
          });
        }
      })(i, j)
    }
  }
  $('.qiehuanbtn')[0].onclick = function (e) {
    if (!(CCB.socket && CCB.socket.id)) {
      return;
    }
    U.UF.EV.stopBubble();
    if (Ardublockly.LANG == "en") {
      $('#localsssssaveOrOpen')[0].className = 'dropdown-content qiehuan qiehuanposi';
    } else {
      $('#localsssssaveOrOpen')[0].className = 'dropdown-content qiehuan';
    }
  }
  var _aqieM = $("#localsssssaveOrOpen")[0].children;
  for (var i = 0; i < _aqieM.length; i++) {
    $("#localsssssaveOrOpen")[0].children[i].addEventListener('click', function () {
      window.event ? window.event.cancelBubble = false : e.stopPropagation()
      var e = this;
      $('#runCuploadFilesode')[0].innerHTML = e.children[0].innerHTML;
    })
    // $("#localsssssaveOrOpen")[0].children[i].children[0].onclick = function (e) {
    //   window.event ? window.event.cancelBubble = true : e.stopPropagation()
    // }
  }
  qiehuanjjj($('.qiehuanbtn')[0], $('#localsssssaveOrOpen')[0]);
  $(".switch_box1")[0].onclick = switchCC;
  $(".switch_box")[0].onclick = switchCC;
  $("#repl_delete")[0].onclick = function () {
    $("#repl_box_content")[0].innerHTML = "";
  }
}

function switchCC(e) {
  var e = e.target || e;
  var flag = true;
  var pythonbox = $("#python_box")[0];
  var replbox = $("#repl_box")[0];
  var repl_delete = $("#repl_delete")[0]
  if (e.className.indexOf("switch_select") != -1) {
    return;
  } else {
    var switch_select = $(".switch_select")[0]
    switch_select.className = switch_select.className.replace(" switch_select", "");
    e.className += " switch_select";
    if (e.className.indexOf("switch_box1") != -1) {
      pythonbox.className = "card-content hidden"
      replbox.className = "card-content"
      repl_delete.style.display = "block";
    } else {
      pythonbox.className = "card-content"
      replbox.className = "card-content hidden"
      repl_delete.style.display = "none";
    }
  }
}

function readTxt(url, fun) {
  var xhr = new XMLHttpRequest();
  xhr.open('get', url, true);
  xhr.send();
  xhr.onreadystatechange = function () {
    if (xhr.readyState == 4 && xhr.status == 200) {
      fun(xhr.responseText)
    }
  };
}

function qiehuanjjj(ele, _container) {
  $("body")[0].addEventListener('click', function (e) {
    if (ele != e.target) {
      _container.className = 'dropdown-content';
    }
  })
}

function likeclose(ele, _container, type, _className) {
  $("body")[0].addEventListener('click', function (e) {
    if (ele != e.target) {
      if (type == 1) {
        _container.className = _className;
      } else {
        _container.style.display = 'none'

      }
    }
  })
}

function export_data(data, postfix, is_firefox) {
  let url = new Blob([data], { type: 'text/plain' });
  let download_link = URL.createObjectURL(url);
  let a = document.createElement('a');
  a.style = "display:none";
  a.href = download_link;
  a.download = ($("#sketch_name").val() != '' ? $("#sketch_name").val() : "cocorobo") + postfix;
  if (is_firefox) {
    document.body.appendChild(a);
    a.click();
    setTimeout(() => document.body.removeChild(a), 100);
  } else
    a.click();
  // URL.revokeObjectURL(download_link);
  // IE edge need a short delay before revoke virtual download link
  setTimeout(() => URL.revokeObjectURL(download_link), 100);
}


// 积木生成
function selectmode(sel, isload) {
  var _type = getLocalStorage("type");
  if (sel.selectedIndex == 1 && (_type != 1 || isload === true)) {
    saveLocalStorageBlocks("pythonai-mode-blocks-xml");
    saveLocalStorage("type", 1);
    blockpy.setAssignment(
      // settings
      {},
      // assignment
      {
        modules: {
          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"],
          removed: ['A.I.Board']
        }
      },
      // programs
      {
        __main__: ""
      }
    );
    loadLocalStorageBlocks("pythonmc-mode-blocks-xml")
  }
  else if (sel.selectedIndex == 0 && (_type != 0 || isload === true)) {
    saveLocalStorageBlocks("pythonmc-mode-blocks-xml");
    saveLocalStorage("type", 0);
    blockpy.setAssignment(
      // settings
      {},
      // assignment
      {
        modules: {
          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"],
          removed: ['MainBoard']
        }
      },
      // programs
      {
        __main__: ""
      }
    );
    loadLocalStorageBlocks("pythonai-mode-blocks-xml")
  }
}

function getQueryParams() {
  try {
    url = window.location.href;
    query_str = url.substr(url.indexOf("?") + 1, url.length - 1);
    r_params = query_str.split("&");
    params = {};
    for (i in r_params) {
      param = r_params[i].split("=");
      params[param[0]] = param[1];
    }
    return params;
  } catch (e) {
    return {};
  }
}

// onresize 多次执行解决办法
var debounce = function (func, threshold, execAsap) {
  var timeout;
  return function debounced() {
    var obj = this, args = arguments;
    function delayed() {
      if (!execAsap)
        func.apply(obj, args);
      timeout = null;
    };
    if (timeout)
      clearTimeout(timeout);
    else if (execAsap)
      func.apply(obj, args);
    timeout = setTimeout(delayed, threshold || 100);
  };
}

window.onresize = debounce(function () {
  if (document.body.clientWidth < 1265) {
    alert(CCB.str_group.alert)
  }
}, 100, true);

// 切换数据显示方式
var myChart = "";
function switchSerial(type) {
  if (type == 2) {
    document.getElementById('repl_box_content').style.display = 'none';
    document.getElementById('echartsShow').style.display = 'block';
    document.getElementById('repl_box_content').innerHTML = ""
    document.getElementsByClassName('translatable_serial_plotter')[0].classList.remove("switch_select")
    document.getElementsByClassName('translatable_serial_visualization')[0].classList.add("switch_select")
    document.getElementById("repl_delete").style.display = 'none';
    // document.getElementById('echartsShow').innerHTML = `<div id="echartsMain" class="echartsMain"></div>`
    myChart.resize();
    var options = {
      title: {
        // text: 'ECharts 入门示例'
      },
      tooltip: {},
      legend: {
        // data: ['销量']
      },
      xAxis: {
        data: []
      },
      yAxis: {},
      series: []
    };
    myChart.clear();
    myChart.setOption(options);
    document.getElementById('echartsMain').lastChild.innerHTML = CCB.str_group.echart_text;
    document.getElementById('echartsMain').lastChild.classList.add("echart-text");
  } else {
    document.getElementById('repl_box_content').style.display = 'block';
    document.getElementById('echartsShow').style.display = 'none';
    document.getElementsByClassName('translatable_serial_plotter')[0].classList.add("switch_select")
    document.getElementsByClassName('translatable_serial_visualization')[0].classList.remove("switch_select")
    document.getElementById("repl_delete").style.display = 'block';
    document.getElementById('repl_box_content').innerHTML = ""
  }
}


// 点击下载文件
function fileDownload(url, name) {
  var nowA = document.createElement('a');
  nowA.setAttribute('href', url);
  nowA.setAttribute('download', name);
  nowA.style.display = 'none';
  document.body.appendChild(nowA);
  nowA.click();
  document.body.removeChild(nowA);
}

// 点击复制分享链接
function copyShare() {
  $('#cloudBtn-shares').click(() => {
    if (CCB.userState) {
      let time = 10000
      var $toastContent = $(`<span id="abc">${CCB.str_group.share_loading}</span>`)
      Materialize.toast($toastContent, time, "shareUrl")
      let fileNmae = new Date().getTime()
      $.ajax(`${CCB.base_url}blockx/`, {
        type: "POST",
        xhrFields: {
          withCredentials: true
        },
        data: {
          filename: fileNmae,
          xml: Ardublockly.generateXml()
        },
        success: (res) => {
          let fileobject = {
            filenameId: res.filename,
            filename: fileNmae,
            time: getCurrentDate(),
            timestamp: (new Date()).valueOf()
          };
          CCB.cloudFileList.push(fileobject);
          CCB.selectCloudFile = filename;
          let url = window.location.href + '&Qd=' + res.filename;
          let flag = copyText(url);
          // time = 3000;
          // document.getElementById('abc').innerHTML = flag ? CCB.str_group.share_success : CCB.str_group.share_fail
          setTimeout(function () {
            Materialize.toast(flag ? CCB.str_group.share_success : CCB.str_group.share_fail, 3000, "shareUrl")
          }, time)
        },
        error: () => {
          $("#cloud_modal_preload").css("display", "none");
          // time = 4000;
          // Materialize.toast(CCB.str_group.error_uploadFile, 4000);
          // document.getElementById('abc').style.display = CCB.str_group.error_uploadFile

          setTimeout(function () {
            Materialize.toast(CCB.str_group.error_uploadFile, 4000)
          }, time)
        }
      });
    } else {
      Materialize.toast(CCB.str_group.requestLogin, 3000);
      $("#login_modal").modal("open")
    }
  })
}

function openUrl(url) {
  window.open("//" + url, "_blank")
}

function appearExample(type) {
  if (type == 0) {
    $('.ModeBox')[0].children[0].style.display = "block";
    $('.ModeBox')[0].children[1].style.display = "none";
    $('.ModeBox')[0].children[2].style.display = "none";
    $('.ModeBox')[0].children[3].style.display = "none";
    $('.ModeBox')[0].children[4].style.display = "none";
    $('.ModeBox')[0].children[5].style.display = "none";
    $('.ModeBox')[0].children[6].style.display = "block";
    $('.ModeBox')[0].children[7].style.display = "block";
    $('.ModeBox')[0].children[8].style.display = "block";
    $('.ModeBox')[0].children[9].style.display = "block";
    $('.ModeBox')[0].children[10].style.display = "block";
    $('.ModeBox')[0].children[11].style.display = "block";
    $('.ModeBox')[0].children[12].style.display = "block";
    $('.ModeBox')[0].children[13].style.display = "block";
    $('.ModeBox')[0].children[14].style.display = "block";
    $('.ModeBox')[0].children[15].style.display = "block";
  } else {
    $('.ModeBox')[0].children[0].style.display = "none";
    $('.ModeBox')[0].children[1].style.display = "block";
    $('.ModeBox')[0].children[2].style.display = "block";
    $('.ModeBox')[0].children[3].style.display = "block";
    $('.ModeBox')[0].children[4].style.display = "block";
    $('.ModeBox')[0].children[5].style.display = "block";
    $('.ModeBox')[0].children[6].style.display = "none";
    $('.ModeBox')[0].children[7].style.display = "none";
    $('.ModeBox')[0].children[8].style.display = "none";
    $('.ModeBox')[0].children[9].style.display = "none";
    $('.ModeBox')[0].children[10].style.display = "none";
    $('.ModeBox')[0].children[11].style.display = "none";
    $('.ModeBox')[0].children[12].style.display = "none";
    $('.ModeBox')[0].children[13].style.display = "none";
    $('.ModeBox')[0].children[14].style.display = "none";
    $('.ModeBox')[0].children[15].style.display = "none";
  }
}