first commit

apps/frontend/templates/theme/responsive/_header.html

@@ -0,0 +1,116 @@
+<nav id="header-navbar" class="navbar navbar-fixed-top" role="navigation">
+    <div class="container">
+        <div id="logo">
+            <div>
+                <a href="{$homepage_url}">
+                    <img src="{image_path image='logo.png'}" alt="Logo" />
+                </a>
+            </div>
+        </div>
+        <div id="navbar-buttons" class="btn-group pull-right">
+            <button id="nav-button-search" type="button" class="btn btn-navbar hidden-xs collapsed" data-toggle="collapse" data-target="#nav-search"  data-parent="#header-navbar">
+                <span class="glyphicon glyphicon-search"></span>
+            </button>
+            {if !($product_config->get('hide_basket'))}
+            <button id="nav-button-shopping-cart" class="btn btn-navbar collapsed empty" data-toggle="collapse" data-target="#nav-shopping-cart"  data-parent="#header-navbar">
+                <span class="glyphicon glyphicon-shopping-cart"></span>
+                <small class="quantity"></small>
+            </button>
+            {/if}
+            {if !$sf_user->isAuthenticated()}
+            <button id="nav-button-user" class=" btn btn-navbar collapsed" data-toggle="collapse" data-target="#nav-user" data-parent="#header-navbar">
+                <span id="login-status-info" class="glyphicon glyphicon-user"></span>
+                <small class="login-status">&nbsp;</small>
+            </button>
+            {else}
+            <button id="nav-button-user" class="btn btn-navbar collapsed" data-toggle="collapse" data-target="#nav-user" data-parent="#header-navbar">
+                <span id="login-status-info" class="glyphicon glyphicon-user"></span>
+                <small class="login-status">&nbsp;</small>
+            </button>
+            {/if}
+            <button id="nav-button-settings" class="btn btn-navbar hidden-xs collapsed" data-toggle="collapse" data-target="#nav-settings" data-parent="#header-navbar">
+                <span class="glyphicon glyphicon-globe"></span>
+            </button>
+        </div>
+        <div class="navbar-header">
+            <button id="nav-button-menu" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-menu" data-parent="#header-navbar">
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+            </button>
+        </div>
+        <!-- Menu -->
+        <div id="nav-menu" class="navbar-collapse collapse">
+            {st_get_component module="stCategoryTree" component="horizontal"}
+        </div>
+        <div class="navbar-dropdown">
+            <!-- Koszyk -->
+            <div id="nav-shopping-cart" class="navbar-collapse collapse">
+                {st_get_component module="stBasket" component="show"}
+            </div>
+
+            <div id="nav-user" class="navbar-collapse collapse">
+                <ul class="nav navbar-nav">
+                    <!-- Moje konto, Język, Waluta -->
+                    {st_get_component module="stUser" component="loginStatus"}
+                </ul>
+            </div>
+
+            {strip}
+            <div id="nav-settings" class="hidden-xs navbar-collapse collapse">
+                                    
+                {st_get_component module="stLanguageFrontend" component="choose"}
+                {st_get_component module="stCurrencyFrontend" component="pickCurrency"}
+                
+                {slot name="nav-setting" hidden="true"}{/slot}
+            </div>
+            {/strip}
+
+            <div id="nav-search" class="navbar-collapse collapse hidden-xs">
+                {include_file id="_search"}
+            </div>
+        </div>
+    </div>
+</nav>
+{literal}
+<script type="text/javascript">
+    //<![CDATA[
+    jQuery(function($) {
+        if ($('#nav-settings  > ul > li:empty').length == 2) {
+            $('#nav-button-settings').hide();
+        }
+
+        function submenuHeight()
+        {
+            var dropdown = $('#header-navbar .dropdown-menu');
+            if ($(window).width() > 767) {
+                var scrolled = $(window).scrollTop();
+                var windowHeight = $(window).height();
+                var headerHeight = $('#header-navbar').height();
+                dropdown.css('max-height', windowHeight - headerHeight - 15);
+            } else {
+                dropdown.removeAttr("style");
+            };
+        }
+
+        $(document).ready(function() {
+            submenuHeight();
+            if ($(window).width() < 768) {
+                var windowHeightMobile = $(window).height();
+                var menuHeightMobile = $('#header-navbar').height();
+                $('#header-navbar .navbar-collapse').css('max-height', windowHeightMobile - menuHeightMobile);
+            };
+        });
+
+        $(window).scroll(function() {
+            submenuHeight();
+        });
+
+        $(window).resize(function() {
+            submenuHeight();
+        });
+
+    });
+    //]]>
+</script>
+{/literal}