documentation/_extensions/odoo/layout.html
stefanorigano 9a478fa07a [FIX] documentation-user: mobile menu button
It was invisible because the doc’s website use material icons rather
then the ‘fa’ ones. Replaced the icon with the material one and styled
the “pressed” state.
2016-04-26 15:02:30 +02:00

352 lines
16 KiB
HTML

{% extends "basic/layout.html" %}
{% set script_files = script_files + [
'_static/jquery.min.js',
'_static/bootstrap.js',
'_static/doc.js',
'_static/jquery.noconflict.js',
] %}
{% set classes = [] %}
{% if pagename == master_doc %}
{% set classes = classes + ['index'] %}
{% endif %}
{% if 'code-column' in meta %}
{% set classes = classes + ['has_code_col'] %}
{% endif %}
{%- block doctype -%}
<!doctype html>
{%- endblock -%}
{%- block htmltitle -%}
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
{{ super() }}
{%- endblock -%}
{%- block sidebar1 -%}{%- endblock -%}
{%- block sidebar2 -%}{%- endblock -%}
{%- block relbar1 -%}{%- endblock -%}
{%- block relbar2 -%}{%- endblock -%}
{%- block footer -%}
{%- if google_analytics_key -%}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '{{ google_analytics_key }}', 'auto');
ga('send','pageview');
</script>
{%- endif -%}
{%- endblock -%}
{%- block header -%}
<header class="o_main_header o_has_sub_nav o_inverted {{ ' '.join(classes) }}">
<div class="o_main_header_main">
<a class="pull-left o_logo" href="/"></a>
<a href="#" class="o_mobile_menu_toggle visible-xs-block pull-right">
<span class="sr-only">Toggle navigation</span>
<span class="mdi-navigation-menu"></span>
</a>
<div class="o_header_buttons">
<a href="http://www.odoo.com/trial" class="btn btn-primary">Start Now</a>
</div>
<ul class="o_primary_nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle">Apps</a>
<div class="dropdown-menu o_secondary_nav">
<div class="container">
<div class="row">
<div class="col-sm-3 o_website_apps">
<div class="o_nav_app_family">
<span></span> Websites
<div>Build great user experience</div>
</div>
<ul>
<li><a href="https://www.odoo.com/page/page/website-builder">Website Builder</a></li>
<li><a href="https://www.odoo.com/page/page/e-commerce">eCommerce</a></li>
<li><a href="https://www.odoo.com/page/page/blog-engine">Blogs</a></li>
<li><a href="https://www.odoo.com/page/page/community-builder">Forums</a></li>
<li><a href="https://www.odoo.com/page/page/slides">Slides</a></li>
<li><a href="https://adspike.odoo.com">SEA</a></li>
</ul>
</div>
<div class="col-sm-3 o_sale_apps">
<div class="o_nav_app_family">
<span></span> Sales
<div>Boost your success rate</div>
</div>
<ul>
<li><a href="https://www.odoo.com/page/page/sales">Sales</a></li>
<li><a href="https://www.odoo.com/page/page/crm">CRM</a></li>
<li><a href="https://www.odoo.com/page/page/billing">Invoicing</a></li>
<li class="dropdown">
<a href="#0" class="dropdown-toggle">Point of Sale</a>
<ul>
<li><a href="https://www.odoo.com/page/page/point-of-sale">Shops</a></li>
<li><a href="https://www.odoo.com/page/page/pos-restaurant">Restaurants</a></li>
</ul>
</li>
<li><a href="https://www.odoo.com/page/page/subscriptions">Subscriptions</a></li>
<li><a href="https://www.odoo.com/page/page/sign">Sign</a></li>
</ul>
</div>
<div class="col-sm-3 o_operation_apps">
<div class="o_nav_app_family">
<span></span> Operations
<div>It's all about efficiency</div>
</div>
<ul>
<li><a href="https://www.odoo.com/page/page/accounting/">Accounting</a></li>
<li><a href="https://www.odoo.com/page/page/project-management/">Project</a></li>
<li class="dropdown">
<a href="#0" class="dropdown-toggle">Human Resources</a>
<ul>
<li><a href="https://www.odoo.com/page/page/recruitment">Recruitment</a></li>
<li><a href="https://www.odoo.com/page/page/employees">Employees</a></li>
<li><a href="https://www.odoo.com/page/page/expenses">Expenses</a></li>
<li><a href="https://www.odoo.com/page/page/appraisal">Appraisal</a></li>
<li><a href="https://www.odoo.com/page/page/fleet">Fleet</a></li>
<li><a href="https://www.odoo.com/page/page/leaves">Leaves</a></li>
</ul>
</li>
<li><a href="https://www.odoo.com/page/page/warehouse">Inventory</a></li>
<li><a href="https://www.odoo.com/page/page/purchase">Purchase</a></li>
<li class="dropdown">
<a href="#0" class="dropdown-toggle">Manufacturing</a>
<ul>
<li><a href="https://www.odoo.com/page/page/manufacturing">MRP</a></li>
<li><a href="https://www.odoo.com/page/page/plm">PLM</a></li>
<li><a href="https://www.odoo.com/page/page/maintenance">Maintenance</a></li>
<li><a href="https://www.odoo.com/page/page/quality">Quality</a></li>
</ul>
</li>
</ul>
</div>
<div class="col-sm-3 o_productivity_apps">
<div class="o_nav_app_family">
<span></span> Productivity Tools
<div>Great Tools = Happy People</div>
</div>
<ul>
<li class="dropdown">
<a href="#0" class="dropdown-toggle">Communication</a>
<ul>
<li><a href="https://www.odoo.com/page/page/discuss">Discuss</a></li>
<li><a href="https://www.odoo.com/page/page/discuss-groups">Mailing Lists</a></li>
<li><a href="https://www.odoo.com/page/page/notes">Notes</a></li>
<li><a href="#">Help desk</a></li>
<li><a href="#">Appointment</a></li>
</ul>
</li>
<li><a href="https://www.odoo.com/page/page/timesheet">Timesheet</a></li>
<li><a href="https://www.odoo.com/page/page/email-marketing">Email Marketing</a></li>
<li><a href="https://www.odoo.com/page/page/events">Events</a></li>
<li><a href="https://www.odoo.com/page/page/survey">Survey</a></li>
<li><a href="https://www.odoo.com/page/page/live-chat">Live Chat</a></li>
</ul>
</div>
</div>
</div>
<a href="http://www.odoo.com/apps/modules" class="o_store_link"><i class="fa fa-cube fa-fw"></i> Third party apps</a>
</div>
</li>
<li><a href="https://www.odoo.com/page/page/tour">Tour</a></li>
<li><a href="https://www.odoo.com/pricing">Pricing</a></li>
<li><a href="https://www.odoo.com/page/page/docs">Docs</a></li>
</ul>
</div>
<nav class="navbar o_sub_nav">
<div class="container">
<span class="o_main_back">
{# warning: if doc structure change, these rules may have
to change as well #}
{% if pagename.count('/') %}
{# If the current document is an application's content,
link to the application root #}
{% set updoc, _ = pagename.split('/', 1) %}
{% else %}
{# otherwise link to master_doc #}
{% set updoc = master_doc %}
{% endif %}
<a href="{{ pathto(updoc) }}" class="mdi-navigation-arrow-back"></a>
</span>
<a href="#" class="navbar-header">
<span id="o_doc_title" class="o_app_name_title">{{ meta.get('main-title', title) }}</span>
</a>
<div class="collapse navbar-collapse">
<div class="call-to-action navbar-right">
<a href="http://www.odoo.com/trial" class="btn btn-primary">Start Now</a>
</div>
{% if languages %}
<ul class="navbar-nav navbar-right nav">
<li class="languages dropdown">
<a class="dropdown-toggle" data-toggle="dropdown">
{{ language }}
</a>
<ul class="dropdown-menu" role="menu">
{% for name, url in languages %}
<li><a href="{{ url }}">{{ name }}</a></li>
{% endfor %}
</ul>
</li>
</ul>
{% endif %}
{% if versions %}
<ul class="nav navbar-nav navbar-right">
<li class="versions dropdown">
<a class="dropdown-toggle" data-toggle="dropdown">
{{ version }}
</a>
<ul class="dropdown-menu" role="menu">
{% for name, url in versions %}
<li><a href="{{ url }}">{{ name }}</a></li>
{% endfor %}
</ul>
</li>
</ul>
{% endif %}
{{ toctree(titles_only=True, maxdepth=2, includehidden=True, collapse=False, navbar='main') }}
</div>
</div>
</nav>
</header>
{%- endblock -%}
{%- block content -%}
<div id="wrap" class="{{' '.join(classes) }}">
{% if meta['banner'] %}
{% set has_banner = 'has_banner' %}
{% endif %}
<figure class="card top {{ has_banner }}">
<span class="card-img" {% if meta['banner'] %}style="background-image: url('{{ pathto('_static/' + meta['banner'], True) }}');"{% endif %}></span>
<div class="container text-center">
<h1> {{ meta.get('main-title', title) }} </h1>
</div>
</figure>
{% if 'code-column' in meta %}
{% set container = 'container-fluid' %}
{% else %}
{% set container = 'container' %}
{% endif %}
<div class="{{ container}} {{ ' '.join(classes) }}">
<main class="container-fluid {{ ' '.join(classes) }}">
{% if pagename != master_doc %}
<div class="row">
{% if 'has-toc' not in meta %}
<aside>
<div class="navbar-aside text-center">
{{ toc }}
{% if github_link %}
<p class="gith-container"><a href="{{ github_link(mode='edit') }}" class="gith-link">
Edit on GitHub
</a></p>
{% endif %}
</div>
</aside>
{% endif %}
<article class="doc-body {% if 'has-toc' in meta %}doc-toc{% endif %}">
{% endif %}
{% block body %} {% endblock %}
{% if pagename != master_doc %}</article>
</div>
{% endif %}
<div id="mask"></div>
</main>
</div>
</div>
<div class="floating_action_container">
<a id="floating_action" class="ripple" href="#">
<i class="mdi-action-explore"></i>
</a>
<div id="floating_action_menu">
<span class="bubble"></span>
<ul class="list-group content">
<li class="list-group-item ripple"><a>Cras justo odio</a></li>
<li class="list-group-item ripple"><a>Dapibus ac facilisis in</a></li>
<li class="list-group-item ripple"><a>Morbi leo risus</a></li>
<li class="list-group-item ripple"><a>Porta ac consectetur ac</a></li>
<li class="list-group-item ripple"><a>Vestibulum at eros</a></li>
</ul>
</div>
</div>
<footer>
<div id="footer" class="container">
<span class="o_logo o_logo_inverse center-block o_footer_logo"></span>
<div class="row">
<div class="col-sm-7 col-md-7 col-lg-6">
<div class="row">
<div class="col-xs-6 col-sm-4">
<span class="menu_title">Community</span>
<ul>
<li><a href="https://github.com/odoo/odoo">Github</a></li>
<li><a href="http://www.odoo.com/page/download">Download</a></li>
<li class="divider"></li>
<li><a href="http://runbot.odoo.com/runbot/repo/git-github-com-odoo-enterprise-7">Runbot</a></li>
<li><a href="https://github.com/odoo/odoo/wiki/Translations">Translations</a></li>
<li class="divider"></li>
<li><a href="http://www.odoo.com/page/odoo-community">Mailing Lists</a></li>
<li><a href="http://www.odoo.com/forum/help-1">Forum</a></li>
</ul>
</div>
<div class="col-xs-6 col-sm-4">
<span class="menu_title">Services</span>
<ul>
<li><a href="http://www.odoo.com/pricing">Editions</a></li>
<li><a href="http://www.odoo.com/pricing-online">Cloud Pricing</a></li>
<li><a href="http://www.odoo.com/page/upgrade">Upgrade</a></li>
<li class="divider"></li>
<li><a href="http://www.odoo.com/partners">Find a partner</a></li>
<li><a href="http://www.odoo.com/page/become-a-partner">Become a partner</a></li>
<li class="divider"></li>
<li><a href="http://www.odoo.com/page/education-program">Education</a></li>
<li class="divider"></li>
<li><a href="http://www.odoo.com/page/security">Security</a></li>
</ul>
</div>
<div class="col-sm-4 mb64">
<span class="menu_title">About us</span>
<ul>
<li><a href="http://www.odoo.com/page/about-us">Our company</a></li>
<li><a href="http://www.odoo.com/page/contactus">Contact</a></li>
<li class="divider" />
<li><a href="http://www.odoo.com/event">Events</a></li>
<li><a href="http://www.odoo.com/blog/">Blog</a></li>
<li><a href="http://www.odoo.com/blog/6">Customers</a></li>
<li class="divider" />
<li><a href="http://www.odoo.com/jobs">Jobs</a></li>
</ul>
</div>
</div>
</div>
<div class="col-sm-5 col-md-4 col-md-offset-1 col-lg-5 col-lg-offset-1">
<p>
<small>
Odoo is a suite of open source business apps that cover all your company needs: CRM, eCommerce, accounting, inventory, point of sale, project management, etc.
<br/><br/>
Odoo's unique value proposition is to be at the same time very easy to use and fully integrated.
</small>
</p>
</div>
</div>
</div>
<div class="o_footer_bottom">
<div class="container">
<a class="small" href="http://www.odoo.com/page/website-builder">Website made with <span class="o_logo o_logo_inverse o_logo_15"></span></a>
<div class="social-links pull-right">
<a href="http://www.odoo.com/web/about/facebook"><i class="fa fa-facebook"></i></a>
<a href="http://www.odoo.com/web/about/twitter"><i class="fa fa-twitter"></i></a>
<a href="http://www.odoo.com/web/about/linkedin"><i class="fa fa-linkedin"></i></a>
<a href="mailto:info@odoo.com"><i class="fa fa-envelope"></i></a>
</div>
</div>
</div>
</footer>
{%- endblock -%}