braginteractive · Rambou · May 16, 2017 · May 16, 2017 · May 16, 2017 · May 16, 2017
diff --git a/404.php b/404.php
@@ -13,11 +13,11 @@
 
 			<section class="error-404 not-found">
 				<header class="page-header">
-					<h1 class="page-title"><?php esc_html_e( 'Oops! That page can&rsquo;t be found.', 'mdlwp' ); ?></h1>
+                    <h1 class="page-title"><?php esc_html_e('ΟΟππςς η σελίδα που ψάχνεται δεν βρέθηκε.', 'mdlwp'); ?></h1>
 				</header><!-- .page-header -->
 
 				<div class="page-content">
-					<p><?php esc_html_e( 'It looks like nothing was found at this location.', 'mdlwp' ); ?></p>
+                    <p><?php esc_html_e('Φαίνεται πως δεν υπάρχει τίποτα εδώ.', 'mdlwp'); ?></p>
 
 					<?php the_widget( 'WP_Widget_Recent_Posts' ); ?>
 

diff --git a/divider.png b/divider.png
diff --git a/footer.php b/footer.php
@@ -12,7 +12,7 @@
 	<?php do_action( 'mdlwp_before_closing_content' ); ?>
 
 	</div><!-- #content -->
-   
+<div class="mdl-layout-spacer"></div>
 		<footer class="mdl-mega-footer">
 
 		<?php do_action( 'mdlwp_after_opening_footer' ); ?>

diff --git a/header.php b/header.php
@@ -14,8 +14,16 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="profile" href="http://gmpg.org/xfn/11">
 <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
-
-<?php wp_head(); ?>
+    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
+    <link href='https://fonts.googleapis.com/css?family=Buenard:700' rel='stylesheet' type='text/css'>
+    <script type='text/javascript'
+            src="https://cdn.rawgit.com/Rambou/MDLWP/master/js/jquery.mb.YTPlayer.min.js"></script>
+
+    <script type='text/javascript'
+            src="https://cdn.rawgit.com/moappi/json2html/master/json2html.js"></script>
+    <script type='text/javascript'
+            src="https://cdn.rawgit.com/moappi/jquery.json2html/master/jquery.json2html.js"></script>
+    <?php wp_head(); ?>
 </head>
 
 <body <?php body_class(); ?>>
@@ -35,9 +43,9 @@
 </header>
 
  <?php get_template_part( 'template-parts/nav', 'drawer' ); ?>
-			
-	
-<main class="mdl-layout__content">
+
+
+    <main class="mdl-layout__content">
 	<div id="content" class="site-content">
 
 		<?php do_action( 'mdlwp_after_opening_content' ); ?>
diff --git a/inc/nav-walker.php b/inc/nav-walker.php
@@ -30,24 +30,50 @@ function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {
 
 		$class_names = $class_names ? ' class="mdl-navigation__link ' . esc_attr( $class_names ) . '"' : '';
 
+        if ($args->theme_location == 'drawer' && in_array('menu-item-has-children', $classes))
+            return;
+
 		$id = apply_filters( 'nav_menu_item_id', 'menu-item-'. $item->ID, $item, $args );
 		$id = $id ? ' id="' . esc_attr( $id ) . '"' : '';
 
 		$output .= $indent . '';
 
-		$attributes  = ! empty( $item->attr_title ) ? ' title="'  . esc_attr( $item->attr_title ) .'"' : '';
-		$attributes .= ! empty( $item->target )     ? ' target="' . esc_attr( $item->target     ) .'"' : '';
-		$attributes .= ! empty( $item->xfn )        ? ' rel="'    . esc_attr( $item->xfn        ) .'"' : '';
-		$attributes .= ! empty( $item->url )        ? ' href="'   . esc_attr( $item->url        ) .'"' : '';
-		$attributes .= $class_names;
+        $attributes = !empty($item->attr_title) ? ' title="' . esc_attr($item->attr_title) . '"' : '';
+        $attributes .= !empty($item->target) ? ' target="' . esc_attr($item->target) . '"' : '';
+        $attributes .= !empty($item->xfn) ? ' rel="' . esc_attr($item->xfn) . '"' : '';
+
+        if (!in_array('menu-item-has-children', $classes))
+            $attributes .= ' href="' . esc_attr($item->url) . '"';
+
+        $attributes .= ($item->menu_item_parent) ? (!empty($item->url) ? ' href="' . esc_attr($item->url) . '"' : '') : '';
+        $attributes .= !empty($item->ID) ? ' id="' . esc_attr($item->ID) . '"' : '';
+        if ($item->menu_item_parent && $args->theme_location == 'primary') {
+            $attributes .= 'class="mdl-menu__item"';
+        } else {
+            $attributes .= $class_names;
+        }
+
 
-		$item_output = $args->before;
-		$item_output .= '<a'. $attributes .'>';
-		$item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
-		$item_output .= '</a>';
-		$item_output .= $args->after;
+        global $previous;
+        $item_output = $args->before;
+
+        if ($args->theme_location == 'primary') {
+            if (!$item->menu_item_parent && $previous->menu_item_parent) {
+                $item_output .= '</ul>';
+            }
+
+            if ($item->menu_item_parent && !$previous->menu_item_parent) {
+                $item_output .= '<ul class="mdl-menu mdl-menu--bottom-left mdl-js-menu mdl-js-ripple-effect" for="' . $item->menu_item_parent . '">';
+            }
+        }
+        $item_output .= (in_array('menu-item-has-children', $classes) ? '<li' : '<a') . $attributes . '>';
+        $item_output .= $args->link_before . apply_filters('the_title', $item->title, $item->ID) . $args->link_after;
+        $item_output .= in_array('menu-item-has-children', $classes) ? '</li>' : '</a>';
+        $item_output .= $args->after;
 
 		$output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
+
+        $previous = $item;
 	}
 
 

diff --git a/inc/scripts.php b/inc/scripts.php
@@ -16,7 +16,7 @@ function mdlwp_scripts() {
 
 	wp_enqueue_script( 'mdlwp-mdl-js', '//storage.googleapis.com/code.getmdl.io/1.1.3/material.min.js', array(), '1.1.1', true );
 
-	wp_enqueue_script( 'mdlwp-mdlwp-js', get_template_directory_uri() . '/js/dist/scripts.min.js', array('jquery'), '1.1.9', true );
+    wp_enqueue_script('mdlwp-mdlwp-js', get_template_directory_uri() . '/js/dist/scripts.min.js', array('jquery'), '3.2.1', true);
 
 	if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
 		wp_enqueue_script( 'comment-reply' );

diff --git a/index.php b/index.php
diff --git a/js/dist/scripts.min.js b/js/dist/scripts.min.js
@@ -0,0 +1,15 @@
+/**
+ * Theme Customizer enhancements for a better user experience.
+ *
+ * Contains handlers to make Theme Customizer preview reload changes asynchronously.
+ */
+
+$(document).ready(function () {
+    $( ".mdl-layout__header-row li" ).hover(
+        function() {
+            $( this ).trigger( "click" );
+        }, function() {
+            //$( this ).trigger( "click" );
+        }
+    );
+});
diff --git a/js/jquery.json2html.js b/js/jquery.json2html.js
@@ -0,0 +1,136 @@
+//Copyright (c) 2016 Crystalline Technologies
+//
+//  Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'),
+//  to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
+//  and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+//
+//  The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+//
+//  THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+//  WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+(function ($) {
+
+    //Alias for json2html.transform
+    // _options
+    //   output : json2html | html | jquery
+    $.json2html = function (json, transform, _options) {
+
+        //Make sure we have the json2html base loaded
+        if (typeof json2html === 'undefined') return (undefined);
+
+        //Default Options
+        var options = {
+            'output': 'json2html'
+        };
+
+        //Extend the options (with defaults)
+        if (_options !== undefined) $.extend(options, _options);
+
+        switch (options.output) {
+
+            //Process the transform with events
+            // for consumption within a json2html html attribute function call
+            // returns an object {'html':html,'events'[]}
+            case 'json2html':
+
+                //make sure we have the events set as true
+                options.events = true;
+
+                return (json2html.transform(json, transform, options));
+                break;
+
+            //Return raw html (same as calling json2html.transform
+            case 'html':
+
+                //make sure we have the events set as false (to get html)
+                options.events = false;
+
+                return (json2html.transform(json, transform, options));
+                break;
+
+            //Return a jquery object
+            case 'jquery':
+
+                //make sure we have the events set as true
+                options.events = false;
+
+                //let json2html core do it's magic
+                // and then process any jquery events
+                var $result = json2html_events(json2html.transform(json, transform, options));
+
+                //return the jquery object
+                return ($result);
+                break;
+        }
+    };
+
+    //Chaining method
+    $.fn.json2html = function (json, transform, _options) {
+
+        //Make sure we have the json2html base loaded
+        if (typeof json2html === 'undefined') return (undefined);
+
+        //Default Options
+        var options = {
+            'append': true,
+            'replace': false,
+            'prepend': false,
+            'eventData': {}
+        };
+
+        //Extend the options (with defaults)
+        if (_options !== undefined) $.extend(options, _options);
+
+        //Insure that we have the events turned (Required)
+        options.events = true;
+
+        //Otherwise we're running $().json2html
+        return this.each(function () {
+
+            //let json2html core do it's magic
+            // and then process any jquery events
+            var $result = json2html_events(json2html.transform(json, transform, options));
+
+            //Append it to the appropriate element
+            if (options.replace) $.fn.replaceWith.call($(this), $result);
+            else if (options.prepend) $.fn.prepend.call($(this), $result);
+            else $.fn.append.call($(this), $result);
+        });
+    };
+})(jQuery);
+
+
+function json2html_events(result) {
+
+    //Attach the html(string) result to the DOM
+    var dom = $(document.createElement('i')).html(result.html);
+
+    //Determine if we have events
+    for (var i = 0; i < result.events.length; i++) {
+
+        var event = result.events[i];
+
+        //find the associated DOM object with this event
+        var obj = $(dom).find("[json2html-event-id-" + event.type + "='" + event.id + "']");
+
+        //Check to see if we found this element or not
+        if (obj.length === 0) throw 'jquery.json2html was unable to attach event ' + event.id + ' to DOM';
+
+        //remove the attribute
+        $(obj).removeAttr('json2html-event-id-' + event.type);
+
+        //attach the event
+        $(obj).on(event.type, event.data, function (e) {
+            //attach the jquery event
+            e.data.event = e;
+
+            //call the appropriate method
+            e.data.action.call($(this), e.data);
+        });
+    }
+
+    //Get the children to this result
+    return ($(dom).children());
+}
diff --git a/js/jquery.mb.YTPlayer.min.js b/js/jquery.mb.YTPlayer.min.js