edan_f0/oscar/templates/layout.html

{% extends "base.html" %}

{% load currency_filters %}
{% load promotion_tags %}
{% load category_tags %}

{% block extrahead %}
    {% if product %}
    <!-- Colorbox for image galleries -->
    <link rel="stylesheet" href="{{ STATIC_URL }}js/colorbox/colorbox.css" type="text/css" media="screen" charset="utf-8"/>
    {% endif %}
    <!-- Responsive - will need to be minified -->
    <link rel="stylesheet" href="{{ STATIC_URL }}css/responsive.css" />
{% endblock %}

{% block layout %}
    <div class="navbar accounts">
    	<div class="navbar-inner">
    		<div class="container-fluid">
    			<a class="brand hidden" href="{% url promotions:home %}">Oscar</a>
    			<ul class="nav pull-right">
    				<li><a href="#">Home</a></li>
    				<li><a href="#about">About</a></li>
    				<li><a href="#contact">Contact</a></li>
    				{% if user.is_authenticated %}
						{% if user.is_staff %}
						<li><a href="{% url dashboard:index %}">Dashboard</a></li>
						{% endif %}
    				<li><a href="{% url customer:summary %}">Profile</a></li>
    				<li><a href="{% url customer:logout %}">Logout</a></li>
    				{% else %}
    				<li><a href="{% url customer:login %}">Login</a></li>
    				{% endif %}
    			</ul>
    		</div>
        </div><!-- /navbar-inner -->
    </div><!-- /navbar -->

    <header class="header container-fluid">
        <div class="row-fluid">
            <h1 class="span6"><a href="{% url promotions:home %}">Oscar</a><small> Domain-driven e-Commerce for Django</small></h1>
            <ul class="cart span6">
                <li>
                    <div class="btn-group">
                        <a class="btn" href="{% url basket:summary %}">View Basket</a>
                        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> <span class="caret"></span> </a>
                        <ul class="dropdown-menu">
                            <li>
                                {% include "basket/partials/basket_quick.html" %}
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="cart_summary"><strong>Basket total: <span>{{ basket.total_incl_tax|currency }}</span></strong></li>
            </ul><!-- /cart -->
        </div><!-- /row-fluid -->
        
        <div class="navbar primary">
            <div class="navbar-inner">
                <div class="container" style="width: auto;">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand hidden" href="#">Search</a>
                    <div class="nav-collapse">
                        {% category_tree depth=2 as categories %}
                        <ul class="nav">
                        {% if categories %}            
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Browse Store <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                {% for category in categories %}
                                    <li><a href="{{ category.0.get_absolute_url }}">{{ category.0.name }}</a>
                                    {% if category.1 %}
                                        <ul class="submenu dropdown-menu">
                                        {% for subcategory in category.1 %}
                                            <li><a href="{{ subcategory.0.get_absolute_url }}">{{ subcategory.0.name }}</a></li>
                                        {% endfor %}
                                        </ul>
                                    {% endif %}
                                    </li>
                                {% endfor %}
                                </ul>
                            </li>
                        {% else %}
                            <li><a href="/products" class="browse">Browse Store</a></li>
                        {% endif %}
                        </ul>
                    
                        <form method="get" action="{% url search:search %}" class="form-search navbar-search pull-right">
                            {# {{ search_form.q.label_tag }} #}
                            {{ search_form.q }}
                            <input type="submit" value="Search" class="btn" /> 
                        </form>
                    </div><!-- /.nav-collapse -->
                </div>
            </div><!-- /navbar-inner -->
        </div><!-- /navbar -->
    </header><!-- /header -->

    <div class="container-fluid page">
        {% block header %}
        {% endblock %}
        <div class="page_inner">
        	<ul class="breadcrumb">
        		{% block breadcrumbs %}
        		<li class="active"><a href=".">Home</a></li>
        		{% endblock %}
        	</ul>

        	{% block container_nav %}
        	{% endblock %}

        	{% for message in messages %}
        	<div class="alert alert-{{ message.tags }}">
        		<a class="close">x</a>
        		{{ message }}
        	</div>
        	{% endfor %}
        
            {% block sidebar %}
               {% endblock %}
        
            {% block flatpage %}
            {% endblock %}
           
        	<div id="promotions">
        		{% for promotion in promotions_page %}
        		{% render_promotion promotion %}
        		{% endfor %}
        	</div>

        	{% block content %}
        	{% endblock %}
    	</div><!-- /page_inner -->
    </div><!-- /container-fluid -->
    {% include "partials/footer.html" %}
{% endblock %}

{# Block for additional scripts #}
{% block extrascripts %}
    <script src="{{ STATIC_URL }}js/scrollto/jquery.scrollTo-min.js" type="text/javascript" charset="utf-8"></script>
    <!-- Elastislide carousel js -->
    <script src="{{ STATIC_URL }}js/elastislide/jquery.elastislide.js" type="text/javascript" charset="utf-8"></script>    
    <!-- Responsive gallery js -->
    {% if product %}
    <script src="{{ STATIC_URL }}js/colorbox/jquery.colorbox-min.js" type="text/javascript" charset="utf-8"></script> 
    <script src="{{ STATIC_URL }}js/responsivegallery/jquery.tmpl.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="{{ STATIC_URL }}js/responsivegallery/gallery.js" type="text/javascript" charset="utf-8"></script>
    {% endif %}
    <!-- Front end js -->
    <script src="{{ STATIC_URL }}js/oscar/ui.js" type="text/javascript" charset="utf-8"></script>
{% endblock %}