|
|
@@ -161,7 +161,7 @@
|
|
|
</div> -->
|
|
|
<div id="container">
|
|
|
<!-- Horizontal Navigation bar -->
|
|
|
- <nav id="nav_" class="nav-fixed arduino_teal" style="overflow:hidden">
|
|
|
+ <nav id="nav_" class="nav-fixed arduino_teal" style="overflow:hidden;background-color: #3454D2;">
|
|
|
<div id="nav_shadow" class="shadowbox" style="display:none;"></div>
|
|
|
<div class="nav-wrapper"
|
|
|
style="min-width: 1200px; padding:0px 10px;display: flex;justify-content: space-between;position:static;">
|
|
|
@@ -174,42 +174,52 @@
|
|
|
<img style="height:28px;margin-top:20px" src="./icons/trash.png"> -->
|
|
|
</a>
|
|
|
<ul id="nav-mobile" class="hide-on-med-and-down" style="display: inline-block;">
|
|
|
- <li>
|
|
|
+ <!-- <li>
|
|
|
<img style="height: 40px;margin-top: 10px;" class="left nav-icon" src="./icons/logo.png">
|
|
|
+ </li> -->
|
|
|
+
|
|
|
+ <li style="display: block;">
|
|
|
+ <a id="nav_language" class='dropdown-button lang_resize' data-activates='languages'
|
|
|
+ style="position:relative;padding: 0 25px;">
|
|
|
+ <span class="translatable_language" style="display: none;">Language</span>
|
|
|
+ <img class="left nav-icon" src="/images/language.png" style="width: 30px;height: 50px;">
|
|
|
+ <i class="down" style="position: relative;top: 30px;left: 2px;float: right;"></i>
|
|
|
+ </a>
|
|
|
+ <ul id='languages' class='dropdown-content active'>
|
|
|
+ <li id="EN" onclick="changeLanguage('en')">
|
|
|
+ <span>English</span>
|
|
|
+ </li>
|
|
|
+ <li id="TC" onclick="changeLanguage('zh-hant')">
|
|
|
+ <span>繁体中文</span>
|
|
|
+ </li>
|
|
|
+ <li id="CN" onclick="changeLanguage('zh-hans')">
|
|
|
+ <span>简体中文</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
</li>
|
|
|
+
|
|
|
<!-- <li>
|
|
|
<span class="vertical-separator"></span>
|
|
|
</li> -->
|
|
|
<li style="display: block;">
|
|
|
<a id="local_storage" class='dropdown-button lang_resize' data-activates='local_saveOrOpen'
|
|
|
style="position:relative;padding: 0 25px;">
|
|
|
- <span class="translatable_storage">文件</span>
|
|
|
+ <span class="translatable_files">文件</span>
|
|
|
<!-- <img class="left nav-icon" src="./icons/local_storage.png"> -->
|
|
|
</a>
|
|
|
<ul id='local_saveOrOpen' class='dropdown-content' style="top:62px">
|
|
|
<li id="button_load">
|
|
|
- <span>导入本地文件</span>
|
|
|
+ <span class="translatable_import_local_file">导入本地文件</span>
|
|
|
</li>
|
|
|
<li id="button_import_cloud">
|
|
|
- <span>导入云端文件</span>
|
|
|
- </li>
|
|
|
- <li id ="button_save">
|
|
|
- <span>保存到本地</span>
|
|
|
- </li>
|
|
|
- <li id ="button_save_cloud">
|
|
|
- <span>保存到云端</span>
|
|
|
+ <span class="translatable_import_cloud_file">导入云端文件</span>
|
|
|
</li>
|
|
|
- <!-- <li id="button_cloud" class='modal-trigger' href="#cloud_storage_modal">
|
|
|
- <span class="translatable_cloud_storage">Cloud</span>
|
|
|
+ <li id="button_save">
|
|
|
+ <span class="translatable_export_local_file">保存到本地</span>
|
|
|
</li>
|
|
|
- <li class="divider"></li>
|
|
|
- <li id="button_load">
|
|
|
- <span class="translatable_import">Import</span>
|
|
|
+ <li id="button_save_cloud">
|
|
|
+ <span class="translatable_export_cloud_file">保存到云端</span>
|
|
|
</li>
|
|
|
- <li class="divider"></li>
|
|
|
- <li id="button_save">
|
|
|
- <span class="translatable_export">Export</span>
|
|
|
- </li> -->
|
|
|
</ul>
|
|
|
<div id="fileImport" class="btn" style="display:none;">
|
|
|
<input type="file" accept=".py">
|
|
|
@@ -224,28 +234,27 @@
|
|
|
<li style="display: block;">
|
|
|
<a id="local_connect" class='dropdown-button lang_resize' data-activates='local_connect_select'
|
|
|
style="position:relative;padding: 0 25px;">
|
|
|
- <span>连接</span>
|
|
|
+ <span class="translatable_connect">连接</span>
|
|
|
</a>
|
|
|
<ul id='local_connect_select' class='dropdown-content' style="top:62px">
|
|
|
- <li id="button_download_uploader">
|
|
|
- <span>下载安装程序</span>
|
|
|
+ <li id="plugin_download" href="javaScript:(0)">
|
|
|
+ <span class="translatable_download_uploader">下载安装程序</span>
|
|
|
</li>
|
|
|
<li id="button_upgrade_firmware">
|
|
|
- <span>固件升级</span>
|
|
|
+ <span class="translatable_upgrade_firmware">固件升级</span>
|
|
|
</li>
|
|
|
- <li id ="button_connection_type">
|
|
|
- <span>连接方式</span>
|
|
|
+ <li id="button_connection_type">
|
|
|
+ <span class="translatable_connect_method">连接方式</span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
|
|
|
- <li>
|
|
|
|
|
|
+ <li style="display: block;">
|
|
|
<a id="help" class='dropdown-button lang_resize' target="_blank" href="//x-help.cocorobo.cn"
|
|
|
style="position:relative;padding: 0 25px;">
|
|
|
- <!-- <i class="material-icons left" style="margin-right: 5px;font-size: 34px;">help_outline</i> -->
|
|
|
<span class="translatable_help_board">帮助</span>
|
|
|
- <!-- <img class="left nav-icon" src="./icons/nav_help.png"> -->
|
|
|
+
|
|
|
</a>
|
|
|
<!-- <a id="nav_devices" class='dropdown-button lang_resize' style="position:relative">
|
|
|
<span class="translatable_devices">Devices</span>
|
|
|
@@ -256,23 +265,19 @@
|
|
|
|
|
|
<li>
|
|
|
<div style="margin: 0px 20px 0px 0px;">
|
|
|
- <input type="text" value="IoT Module" id="iot_modules" readonly
|
|
|
- class="selectMode_input browser-default" style="font-size: 0.9rem;">
|
|
|
+ <input type="text" value="A.I. Module" id="iot_modules" readonly
|
|
|
+ class="selectMode_input browser-default"
|
|
|
+ style="font-size: 0.9rem;border: none;width: 130px;">
|
|
|
<i class="down" style="position: relative;top: -20px;float: right;"></i>
|
|
|
- <div class="downbox MouduleBox">
|
|
|
- <div>
|
|
|
- <div class="translatable_hardware_mode">Hardware Mode</div>
|
|
|
- <i class="downboxdown"></i>
|
|
|
- <ul class="Hardware2">
|
|
|
- <li class="translatable_iot_module">IoT Module</li>
|
|
|
- <li class="translatable_ai_module">A.I. Module</li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div><a href="//python-blockly.cocorobo.cn" style="color: #424242 !important;"
|
|
|
- class="translatable_cloud_mode">Cloud
|
|
|
+ <div class="downbox MouduleBox" id="downboxModule">
|
|
|
+ <div style="border: none;"><a href="javaScript:(0)" style="color: #424242 !important;"
|
|
|
+ class="translatable_ai_module">A.I. Module</a></div>
|
|
|
+ <div style="border: none;"><a href="javaScript:(0)" style="color: #424242 !important;"
|
|
|
+ class="translatable_iot_module">IoT Module
|
|
|
+ Mode</a></div>
|
|
|
+ <div style="border: none;"><a href="/python" style="color: #424242 !important;"
|
|
|
+ class="translatable_python_full_screen_mode" target="_blank">Cloud
|
|
|
Mode</a></div>
|
|
|
- <div><a href="//ai-blockly.cocorobo.cn" style="color: #424242 !important;"
|
|
|
- class="translatable_javascript_mode">JavaScript Mode</a></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
@@ -537,14 +542,14 @@
|
|
|
<li>第一場-路標識別(香港標識)</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
-
|
|
|
+
|
|
|
<!-- help button -->
|
|
|
-
|
|
|
+
|
|
|
<!-- <li id="cloudBtn-shares">
|
|
|
<i class="material-icons" style="margin-left:5px;cursor: pointer;">share</i>
|
|
|
</li>
|
|
|
@@ -615,25 +620,23 @@
|
|
|
<li style="display:none;">
|
|
|
<select onchange="selectmode(this)" id="mode"
|
|
|
style="outline:0;position:relative;color: #fff;font-weight: 500;width: 175px;height: 35px;border-radius: 30px;background: #fff0;border: 2px solid #fff;margin: 15px 35px 0px 0px;display: block;">
|
|
|
- <option value="" style="color: #000;">Main Mode</option>
|
|
|
<option value="" style="color: #000;">AI Mode</option>
|
|
|
+ <option value="" style="color: #000;">Main Mode</option>
|
|
|
</select>
|
|
|
</li>
|
|
|
-
|
|
|
+
|
|
|
|
|
|
<li id="cloudBtn-shares">
|
|
|
<i class="material-icons" style="margin-left:5px;cursor: pointer;display: none;">share</i>
|
|
|
</li>
|
|
|
- <i id="workspace_screenshot"
|
|
|
- style="margin-left:5px;cursor: pointer;">
|
|
|
- <img src="/images/screenshot.png" style="width: 50px;height: 45px;margin-top:8px;"/>
|
|
|
+ <i id="workspace_screenshot" style="margin-left:5px;cursor: pointer;">
|
|
|
+ <img src="/images/screenshot.png" style="width: 50px;height: 45px;margin-top:8px;" />
|
|
|
</i>
|
|
|
<i id="button_delete" class="material-icons sketch_name_icon right"
|
|
|
style="margin-left:5px;cursor: pointer;display: none;">delete</i>
|
|
|
|
|
|
<li>
|
|
|
- <input id="sketch_name" placeholder="请输入作品名称"
|
|
|
- class="sketch_name"
|
|
|
+ <input id="sketch_name" placeholder="请输入作品名称" class="sketch_name"
|
|
|
style="background: #fff;padding: 4px 10px 4px 20px;color:#222222;width:220px;font-style: initial;"
|
|
|
type="text">
|
|
|
</li>
|
|
|
@@ -826,42 +829,56 @@
|
|
|
<div id="py-editor" class="blockpy-editor card-panel"
|
|
|
style='height:calc(100% - 245px);display:block;overflow:auto'>
|
|
|
<div class="card-header"
|
|
|
- style='position:relative;height: 60px;line-height: 60px;background: #f1f2f5; border-bottom: unset;'>
|
|
|
+ style='position:relative;height: 45px;line-height: 45px;background: #E6F1FF;border-bottom: unset;'>
|
|
|
<!--<span class="header-icon">< ></span>--> <span id="python_SourceCode" class="header-text translate-code
|
|
|
translatable_pythonSourceCode switch_box switch_select"
|
|
|
style='margin-left: 25px;'>Python
|
|
|
Source Code</span> <span id="Serial_Interaction"
|
|
|
- class="header-text switch_box1">串口交互窗</span><i id="repl_delete"
|
|
|
- class="material-icons sketch_name_icon right"
|
|
|
- style="margin-left: 20px;cursor: pointer;position: absolute;top: 30px;left: 260px;display:none;">delete</i>
|
|
|
+ class="header-text translatable_serial_plotter switch_box1">串口数据显示</span>
|
|
|
+
|
|
|
+ <span id="Serial_Display"
|
|
|
+ class="header-text translatable_serial_visualization switch_box2">串口数据可视化</span>
|
|
|
+
|
|
|
+ <a class="blockpy-toolbar-edit" style="position:absolute;top: 5px;right:
|
|
|
+ 110px;"> <img id="edit-off" src="./images/icon-edit.svg"
|
|
|
+ style="margin-top: 7px;display: block;">
|
|
|
+ <img id="edit-on" src="./images/icon-edit-on.svg"
|
|
|
+ style="margin-top: 7px;display: none;">
|
|
|
+ </a>
|
|
|
+ <a class="copy_code" style="position:absolute;top: 5px;right: 75px;"
|
|
|
+ data-clipboard-action="copy">
|
|
|
+ <img src="./images/icon-view.svg" style="margin-top:7px;"> </a>
|
|
|
+ <a class="blockpy-toolbar-download" style="position:absolute;top: 5px;right:
|
|
|
+ 39px;"> <img src="./images/icon-download.svg" style="margin-top: 7px;">
|
|
|
+ </a>
|
|
|
+ <a class="blockpy-toolbar-upload" style="position:absolute;top: 5px;right: 5px;">
|
|
|
+ <img src="./images/icon-upload.svg" style="margin-top: 7px;"> </a>
|
|
|
+ <img class="fullscreenIcon hidden" src="./images/icon-fullscreen.svg">
|
|
|
+ <img class="fullscreenIcon hidden" src="./images/icon-fullscreen-exit.svg">
|
|
|
|
|
|
- <div class="editDiv" id="editDiv" style="top: 0;">
|
|
|
+ <i id="repl_delete" class="material-icons sketch_name_icon right"
|
|
|
+ style="margin-left: 20px;cursor: pointer;position: absolute;top: 12px;right: 12px;display:none;">delete</i>
|
|
|
+ </div>
|
|
|
+ <div class="card-content"
|
|
|
+ style="position:relative;height: calc(100% - 45px);overflow:auto;" id="python_box">
|
|
|
+
|
|
|
+ <div class="editDiv" id="editDiv" style="top: 0;width: 100%;left: 0;padding: 0;z-index: 0;
|
|
|
+ right: 0;">
|
|
|
<!-- <span class="translatable_editing">Enable Editing</span>
|
|
|
<span style="display: none;" class="translatable_close_editing">Close
|
|
|
Editing</span> -->
|
|
|
- <input type="checkbox" id="toggle-button">
|
|
|
+ <input type="checkbox" id="toggle-button" style="display: none;">
|
|
|
<!--label中的for跟input的id绑定。作用是在点击label时选中input或者取消选中input-->
|
|
|
- <label for="toggle-button" class="button-label">
|
|
|
+ <label for="toggle-button" class="button-label" style="display: none;">
|
|
|
<span class="circle"></span>
|
|
|
<span class="text on"></span>
|
|
|
<span class="text off"></span>
|
|
|
</label>
|
|
|
+
|
|
|
</div>
|
|
|
- <a class="copy_code" style="position:absolute;top: 5px;right: 75px;"
|
|
|
- data-clipboard-action="copy">
|
|
|
- <img src="./images/icon-copy.png" style="width: 33px;margin-top:
|
|
|
- 7px;"> </a>
|
|
|
- <a class="blockpy-toolbar-download" style="position:absolute;top: 5px;right:
|
|
|
- 39px;"> <img src="./images/icon-downward.png"
|
|
|
- style="width: 33px;margin-top: 7px;"> </a>
|
|
|
- <a class="blockpy-toolbar-upload" style="position:absolute;top: 5px;right: 5px;">
|
|
|
- <img src="./images/upload.png" style="width: 33px;margin-top: 7px;"> </a>
|
|
|
- <img class="fullscreenIcon hidden" src="./images/icon-fullscreen.svg">
|
|
|
- <img class="fullscreenIcon hidden" src="./images/icon-fullscreen-exit.svg">
|
|
|
- </div>
|
|
|
- <div class="card-content"
|
|
|
- style="position:relative;height: calc(100% - 60px);overflow:auto;" id="python_box">
|
|
|
- <div class="blockpy-toolbar" style="position: relative;">
|
|
|
+
|
|
|
+
|
|
|
+ <div class="blockpy-toolbar" style="position: absolute;top: 0;width: 100%;">
|
|
|
<div class='blockpy-text blockpy-editor-menu'>
|
|
|
<div class='blockpy-text-sidebar'></div>
|
|
|
<textarea readonly class='codemirror-div language-python'></textarea>
|
|
|
@@ -873,12 +890,12 @@
|
|
|
<div class="card-content hidden"
|
|
|
style="position:relative;height: calc(100% - 60px);overflow:auto;padding:5px 10px;background-color: #fff; color: #000;"
|
|
|
id="repl_box">
|
|
|
- <div class="editDiv" id="editDiv" style="width: 100%;left: -10px;">
|
|
|
- <span class="translatable_serial_plotter serial-active"
|
|
|
- onclick="switchSerial('1')">The
|
|
|
+ <div class="editDiv" id="editDiv" style="width: 100%;left: -10px;padding: 0;">
|
|
|
+ <span class="translatable_serial_plotter serial-active" id="switchSerial1"
|
|
|
+ onclick="switchSerial('1')" style="display: none;">The
|
|
|
data to print</span>
|
|
|
- <span class="translatable_serial_visualization"
|
|
|
- onclick="switchSerial('2')">Visual
|
|
|
+ <span class="translatable_serial_visualization" id="switchSerial2"
|
|
|
+ onclick="switchSerial('2')" style="display: none;">Visual
|
|
|
display</span>
|
|
|
</div>
|
|
|
<div class="blockpy-toolbar" id="repl_box_content"
|
|
|
@@ -898,7 +915,7 @@
|
|
|
style='display: block;background: #f8f8f8;min-height: 245px;position:relative;'>
|
|
|
<div class="card-header" style='height: 60px;line-height: 60px;background: #f1f2f5;'>
|
|
|
<!-- http://help.cocorobo.cn/#/getting-started/info target="_blank"-->
|
|
|
- <div style='float:right;'>
|
|
|
+ <div style='float:right;display: none;'>
|
|
|
<a class="header-link upload_instruction" style="display: none;" href="#"
|
|
|
data-tooltip-id="61c522fa-be27-2a3e-1f2d-cde212348740">
|
|
|
<img src="./icons/instruction.png">
|
|
|
@@ -941,20 +958,29 @@
|
|
|
<div id="cnt_icon" style="display:none;"><img
|
|
|
style="height:17px;margin-left:8px;transform:translateY(2px);"
|
|
|
src="./icons/uploader_connect.png"></div>
|
|
|
+
|
|
|
+ <a id="send_string" onclick="sendstring('machine.reset()')" class="waves-effect
|
|
|
+ waves-light blue disabled" style="margin-right:0.5rem;background-color: #f1f2f5 !important;float: right;margin-top: 10px;">
|
|
|
+ <!-- <span id="resetDevice">Reset Device</span> -->
|
|
|
+
|
|
|
+ <img id="refresh-disabled" src="./images/icon-refresh-disabled.svg" style="margin-top: 7px;display: block;">
|
|
|
+ <img id="refresh" src="./images/icon-refresh.svg" style="margin-top: 7px;display: none;">
|
|
|
+ <img id="refresh-press" src="./images/icon-refresh-press.svg" style="margin-top: 7px;display: none;">
|
|
|
+ </a>
|
|
|
</div>
|
|
|
<!--<div class="card-header"> <span class="header-icon" style="line-height:40px;"><img style="height:30px;vertical-align:middle;" src="./images/icon-aspect.svg"></span> <span class="header-text translate-output">Output Area</span> <img class="fullscreenIcon" src="./images/icon-fullscreen.svg"> <img class="fullscreenIcon hidden" src="./images/icon-fullscreen-exit.svg"> </div>-->
|
|
|
<!--<div class="card-content" style="display:block;grid-template-rows:1fr 50px;"> <div style="border-bottom:1px solid #ddd;padding:8px;overflow:hidden;"> <div style="height:100%;overflow:hidden;"> <div class='blockpy-printer blockpy-printer-default' style="resize:none;height:98%;width:100%;border:1px solid #818181;"> </div> </div> </div>-->
|
|
|
<div class="card-content" style="padding:8px 10px;width:100%">
|
|
|
- <div class="row">
|
|
|
+ <div class="row" id="status">
|
|
|
<div class="col s12"><img id="error-btn" class="activator"
|
|
|
src="./icons/error.png">
|
|
|
<span id="status_bar" class="translatable_statusbar">直接将代码上传到电子模块中。</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="row">
|
|
|
+ <div class="row" id="progress">
|
|
|
<div class="col s12">
|
|
|
<div class="progress" style="margin:7px 0;">
|
|
|
- <div class="determinate blue" style="width:0%;"></div>
|
|
|
+ <div class="determinate green" style="width:0%;"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -975,6 +1001,18 @@
|
|
|
</select>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="col s6">
|
|
|
+ <div style="float: right;margin-top: 15px;">
|
|
|
+ <div style="display: inline-block;vertical-align: middle;">
|
|
|
+ <img id="runSuccess" src="/images/success.png" style="display: none;"/>
|
|
|
+ <img id="runFail" src="/images/fail.png" style="display: none;"/>
|
|
|
+ </div>
|
|
|
+ <div style="display: inline-block;">
|
|
|
+ <span id="statusMsg"></span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="row btn-network hidden">
|
|
|
<div class="col cs6" style="padding-right:1px;width:100%">
|
|
|
@@ -1017,10 +1055,9 @@
|
|
|
class="material-icons right"
|
|
|
style="margin-left: 0;">arrow_drop_down</i></a>
|
|
|
</li>
|
|
|
- <a id="send_string" onclick="sendstring('machine.reset()')" class="waves-effect
|
|
|
+ <!-- <a id="send_string" onclick="sendstring('machine.reset()')" class="waves-effect
|
|
|
waves-light btn blue disabled" style="margin-right:0.5rem;"><span
|
|
|
- id="resetDevice">Reset
|
|
|
- Device</span></a>
|
|
|
+ id="resetDevice">Reset Device</span></a> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
<a onclick="getmcnty()" class="waves-effect waves-light btn blue"
|
|
|
@@ -1151,7 +1188,7 @@
|
|
|
<i class="material-icons media">translate</i>
|
|
|
</li>
|
|
|
</ul> -->
|
|
|
- <ul id="icon-tool" class="card-icon-area">
|
|
|
+ <ul id="icon-tool" class="card-icon-area" style="display: none;">
|
|
|
<li class="card-icon active hidden" onclick="changeSideCard('code')">
|
|
|
<i class="material-icons media">build</i>
|
|
|
</li>
|
panweitong
