From 381269bae1c2ca9bcb60b0e44da3867d0e6064e1 Mon Sep 17 00:00:00 2001
From: yhallowiegeht <y_paul02@uni-muenster.de>
Date: Sat, 8 Dec 2018 14:48:18 +0100
Subject: [PATCH] minor style improvement blockly

---
 src/assets/blockly.html | 128 +++++++++++++++++++---------------------
 1 file changed, 61 insertions(+), 67 deletions(-)

diff --git a/src/assets/blockly.html b/src/assets/blockly.html
index ce36b5d..11940bd 100644
--- a/src/assets/blockly.html
+++ b/src/assets/blockly.html
@@ -96,7 +96,7 @@
 
   <!-- Sidebar navigation -->
   <ul id="slide-out" class="side-nav hidden">
-    <li class="logo"><img src="img/sidenav_header.png" alt="Ardublockly block image"></li>
+    <li class="logo"><img src="blockly/ardublockly/img/sidenav_header.png" alt="Ardublockly block image"></li>
     <li class="no-padding">
       <ul>
         <li id="menu_load"><a href="#"><span class="translatable_open">Open</span><i class="mdi-file-file-upload left"></i></a></li>
@@ -125,71 +125,68 @@
   </ul>
 
   <!-- Content -->
-  <div class="container">
-    <div class="row">
-      <div class="col s12 m12 l8" style="position:relative">
-        <!-- Toolbox visibility button -->
-        <a id="button_toggle_toolbox" class="waves-effect waves-light btn-flat button_toggle_toolbox_off hidden" style="display: none"><i id="button_toggle_toolbox_icon" class="mdi-action-visibility-off"></i></a>
-        <!-- Arduino IDE action buttons -->
-        <div id="ide_buttons_wrapper" class="hidden">
-          <div id="buttons_offline">
-            <a id="button_ide_left" class="waves-effect waves-light waves-circle btn-floating z-depth-1-half arduino_yellow"><i id="button_ide_left_icon" class="mdi-action-open-in-browser"></i></a>
-            <a id="button_ide_middle" class="waves-effect waves-light waves-circle btn-floating z-depth-1-half arduino_teal"><i id="button_ide_middle_icon" class="mdi-navigation-check"></i></a>
-            <a id="button_ide_large" class="waves-effect waves-light waves-circle btn-floating z-depth-1-half arduino_orange"><i id="button_ide_large_icon" class="mdi-av-play-arrow"></i></a>
-          </div>
+    <!-- Toolbox visibility button -->
+    <a id="button_toggle_toolbox" class="waves-effect waves-light btn-flat button_toggle_toolbox_off hidden" style="display: none"><i id="button_toggle_toolbox_icon" class="mdi-action-visibility-off"></i></a>
+    <!-- Arduino IDE action buttons -->
+    <div id="ide_buttons_wrapper" class="hidden">
+      <div id="buttons_offline">
+        <a id="button_ide_left" class="waves-effect waves-light waves-circle btn-floating z-depth-1-half arduino_yellow"><i id="button_ide_left_icon" class="mdi-action-open-in-browser"></i></a>
+        <a id="button_ide_middle" class="waves-effect waves-light waves-circle btn-floating z-depth-1-half arduino_teal"><i id="button_ide_middle_icon" class="mdi-navigation-check"></i></a>
+        <a id="button_ide_large" class="waves-effect waves-light waves-circle btn-floating z-depth-1-half arduino_orange"><i id="button_ide_large_icon" class="mdi-av-play-arrow"></i></a>
+      </div>
 
-          <div id="buttons_online" class="hidden">
-            <a id="button_copy_clipboard" class="tooltipped copy-btn waves-effect waves-light waves-circle btn-floating z-depth-1-half arduino_blue" data-clipboard-action="copy" data-clipboard-target="#content_arduino" data-position="left" data-delay="750" data-tooltip="In Zwischenablage kopieren"><i id="button_copy_clipboard_icon" class="mdi-action-assignment"></i></a>
-            <a id="button_compile_sketch" class="tooltipped copy-btn waves-effect waves-light waves-circle btn-floating z-depth-1-half arduino_orange" data-position="left" data-delay="750" data-tooltip="Sketch kompilieren"><i id="button_compile_sketch_icon" class="mdi-action-assignment-turned-in"></i></a>
-          </div>
+      <div id="buttons_online" class="hidden">
+        <a id="button_copy_clipboard" class="tooltipped copy-btn waves-effect waves-light waves-circle btn-floating z-depth-1-half arduino_blue" data-clipboard-action="copy" data-clipboard-target="#content_arduino" data-position="left" data-delay="750" data-tooltip="In Zwischenablage kopieren"><i id="button_copy_clipboard_icon" class="mdi-action-assignment"></i></a>
+        <a id="button_compile_sketch" class="tooltipped copy-btn waves-effect waves-light waves-circle btn-floating z-depth-1-half arduino_orange" data-position="left" data-delay="750" data-tooltip="Sketch kompilieren"><i id="button_compile_sketch_icon" class="mdi-action-assignment-turned-in"></i></a>
+      </div>
 
-          <div id="button_ide_large_spinner" class="preloader-wrapper active ide_loader" style="display:none">
-            <div class="spinner-layer spinner-orange">
-              <div class="circle-clipper left">
-                <div class="circle"></div>
-              </div><div class="gap-patch">
-                <div class="circle"></div>
-              </div><div class="circle-clipper right">
-                <div class="circle"></div>
-              </div>
-            </div>
-            <div class="spinner-layer spinner-dark-teal">
-              <div class="circle-clipper left">
-                <div class="circle"></div>
-              </div><div class="gap-patch">
-                <div class="circle"></div>
-              </div><div class="circle-clipper right">
-                <div class="circle"></div>
-              </div>
-            </div>
-            <div class="spinner-layer spinner-yellow">
-              <div class="circle-clipper left">
-                <div class="circle"></div>
-              </div><div class="gap-patch">
-                <div class="circle"></div>
-              </div><div class="circle-clipper right">
-                <div class="circle"></div>
-              </div>
-            </div>
-            <div class="spinner-layer spinner-light-teal">
-              <div class="circle-clipper left">
-                <div class="circle"></div>
-              </div><div class="gap-patch">
-                <div class="circle"></div>
-              </div><div class="circle-clipper right">
-                <div class="circle"></div>
-              </div>
-            </div>
+      <div id="button_ide_large_spinner" class="preloader-wrapper active ide_loader" style="display:none">
+        <div class="spinner-layer spinner-orange">
+          <div class="circle-clipper left">
+            <div class="circle"></div>
+          </div><div class="gap-patch">
+            <div class="circle"></div>
+          </div><div class="circle-clipper right">
+            <div class="circle"></div>
           </div>
         </div>
-        <!-- Blockly Panel -->
-        <div class="card-panel white resize" style="padding: 0">
-          <div id="blocks_panel" class="content blocks_panel_large">
-            <div id="content_blocks" class="content z-depth-1"></div>
+        <div class="spinner-layer spinner-dark-teal">
+          <div class="circle-clipper left">
+            <div class="circle"></div>
+          </div><div class="gap-patch">
+            <div class="circle"></div>
+          </div><div class="circle-clipper right">
+            <div class="circle"></div>
+          </div>
+        </div>
+        <div class="spinner-layer spinner-yellow">
+          <div class="circle-clipper left">
+            <div class="circle"></div>
+          </div><div class="gap-patch">
+            <div class="circle"></div>
+          </div><div class="circle-clipper right">
+            <div class="circle"></div>
+          </div>
+        </div>
+        <div class="spinner-layer spinner-light-teal">
+          <div class="circle-clipper left">
+            <div class="circle"></div>
+          </div><div class="gap-patch">
+            <div class="circle"></div>
+          </div><div class="circle-clipper right">
+            <div class="circle"></div>
           </div>
         </div>
       </div>
-      <div class="col s12 m12 l4 hidden">
+    </div>
+    <!-- Blockly Panel -->
+    <div class="card-panel white" style="padding: 0">
+      <div id="blocks_panel" class="content blocks_panel_large">
+        <div id="content_blocks" class="content z-depth-1"></div>
+      </div>
+    </div>
+      
+      <div class="hidden">
         <ul class="collapsible z-depth-1" data-collapsible="accordion">
           <li>
             <div class="collapsible-header active">
@@ -212,8 +209,6 @@
           </li>
         </ul>
       </div>
-    </div>
-  </div>
 
   <!-- IDE Output content -->
   <div class="ide_output_wrapper hidden">
@@ -229,11 +224,10 @@
       </li>
     </ul>
   </div>
-  <div id="ide_output_spacer"></div>
 
   <!-- Settings: Displayed as a Materialize Modal -->
-  <div id="settings_dialog" class="modal modal-fixed-footer">
-    <div class="modal-content">
+  <div id="settings_dialog" class="modal modal-fixed-footer hidden">
+    <div class="modal-content hidden">
       <h4><span class="translatable_settings">Settings</span></h4>
       <div class="modal_section online">
         <label><span class="translatable_compilerLocation">Compiler Location</span>:</label>
@@ -279,7 +273,7 @@
   </div>
 
   <!-- Select Additional Blocks menu -->
-  <div id="blocks_menu" class="modal modal-fixed-footer">
+  <div id="blocks_menu" class="modal modal-fixed-footer hidden">
     <div class="modal-content">
       <div>
         <h4><span class="translatable_addBlocksTitle">Additional Blocks</span></h4>
@@ -292,7 +286,7 @@
   </div>
 
   <!-- General Alert: Content is loaded using JavaScript to display alerts -->
-  <div id="gen_alert" class="modal modal_small modal-fixed-footer">
+  <div id="gen_alert" class="modal modal_small modal-fixed-footer hidden">
     <div class="modal-content">
       <h5 id="gen_alert_title">Empty Alert</h4>
       <p><span id="gen_alert_body">Empty alert text</span></p>
@@ -304,7 +298,7 @@
   </div>
 
   <!-- Prompt: Content is loaded using JavaScript to display input prompt -->
-  <div id="gen_prompt" class="modal modal_small modal-fixed-footer">
+  <div id="gen_prompt" class="modal modal_small modal-fixed-footer hidden">
     <div class="modal-content">
       <p><span id="gen_prompt_message">Prompt message</span></p>
       <p><input id="gen_prompt_input" value="test" /></p>