Changes in the Materialize framework required changes in the HTML implementation

apps/arduino/arduino_material.js

@@ -37,13 +37,13 @@ window.addEventListener('load', function() {
  */
 ArduinoMaterial.bindActionFunctions_ = function() {
   // Navigation buttons
-  ArduinoMaterial.bindClick_('button_load', ArduinoMaterial.loadXmlFile);
+  ArduinoMaterial.bindClick_('button_load', ArduinoMaterial.loadUserXmlFile);
   ArduinoMaterial.bindClick_('button_save', ArduinoMaterial.saveXmlFile);
   ArduinoMaterial.bindClick_('button_delete', ArduinoMaterial.discard);
 
   // Side menu buttons, they also close the side menu
   ArduinoMaterial.bindClick_('menu_load', function() {
-      ArduinoMaterial.loadXmlFile();
+      ArduinoMaterial.loadUserXmlFile();
       $('.button-collapse').sideNav('hide'); });
   ArduinoMaterial.bindClick_('menu_save',  function() {
       ArduinoMaterial.saveXmlFile();
@@ -136,7 +136,7 @@ ArduinoMaterial.loadServerXmlFile = function(xmlFile) {
  * Loads an XML file from the users file system and adds the blocks into the
  * Blockly workspace.
  */
-ArduinoMaterial.loadXmlFile = function() {
+ArduinoMaterial.loadUserXmlFile = function() {
   // Create event listener function
   var parseInputXMLfile = function(e) {
     var files = e.target.files;

apps/arduino/arduino_material_design.js

@@ -22,8 +22,6 @@ ArduinoMaterial.materializeJsInit = function() {
       menuWidth: 240,
       activationWidth: 70,
       edge: 'left'});
-    // Accordion collapsible
-    $('.collapsible').collapsible();
     // Drop down menus
     $(".dropdown-button").dropdown({hover: false});
     // Overlay content panels using modals (android dialogs)

apps/arduino/index.html

@@ -63,17 +63,15 @@
 
   <!-- Horizonal Navigation bar -->
   <nav class="nav-fixed arduino_teal">
-    <div class="container">
-      <div class="nav-wrapper">
-        <a class="button-collapse show-on-large" href="#" data-activates="slide-out"><i class="mdi-navigation-menu"></i></a>
-        <a id="logo-container" href="#" class="brand-logo">Ardublockly</a>
-        <!-- Horizontal Navbar links only shown on large resolutions -->
-        <ul id="nav-mobile" class="right hide-on-med-and-down">
-          <li><a href="#" id="button_load">Open<i class="mdi-file-file-upload left"></i></a></li>
-          <li><a href="#" id="button_save">Save<i class="mdi-file-file-download left"></i></a></li>
-          <li><a href="#" id="button_delete">Delete All<i class="mdi-action-delete left"></i></a></li>
-        </ul>
-      </div>
+    <div class="nav-wrapper container">
+      <a class="button-collapse show-on-large" href="#" data-activates="slide-out"><i class="mdi-navigation-menu"></i></a>
+      <a id="logo-container" href="#" class="brand-logo">Ardublockly</a>
+      <!-- Horizontal Navbar links only shown on large resolutions -->
+      <ul id="nav-mobile" class="right hide-on-med-and-down">
+        <li><a href="#" id="button_load">Open<i class="mdi-file-file-upload left"></i></a></li>
+        <li><a href="#" id="button_save">Save<i class="mdi-file-file-download left"></i></a></li>
+        <li><a href="#" id="button_delete">Delete All<i class="mdi-action-delete left"></i></a></li>
+      </ul>
     </div>
   </nav>
 
@@ -155,9 +153,9 @@
         </div>
       </div>
       <div class="col s12 m12 l4">
-        <ul class="collapsible z-depth-1">
+        <ul class="collapsible z-depth-1" data-collapsible="accordion">
           <li>
-            <div class="collapsible-header"><span class="collapsible_logo">{ }</span>Source Code</div>
+            <div class="collapsible-header active"><span class="collapsible_logo">{ }</span>Source Code</div>
             <div class="collapsible-body">
               <pre id="content_arduino" class="content"></pre>
             </div>