{% extends "webgateway/base/base_main.html" %}

{% comment %}
<!--
  Copyright (C) 2011 University of Dundee & Open Microscopy Environment.
  All rights reserved.

  This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU Affero General Public License as
  published by the Free Software Foundation, either version 3 of the
  License, or (at your option) any later version.

  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU Affero General Public License for more details.

  You should have received a copy of the GNU Affero General Public License
  along with this program.  If not, see <http://www.gnu.org/licenses/>.
-->
{% endcomment %}

{% block title %}
Extends "webgateway/base/base_main.html"
{% endblock %}


{% block script %}
{{ block.super }}
<!-- demo script to show we have jQuery, jQuery-UI and ome utils available -->
<script>
    $(function(){
        $("#popup_demo").click(function(){
            OME.openPopup("{% url 'webgateway_templates' 'base_main' %}");
        });
    });
</script>
{% endblock %}


{% block middle_header_left %}
    {{ block.super }}
    <ul>
        <li><a href="#">Link</a></li>
        <li><a href="#">One</a></li>
        <li><a href="#">Two</a></li>
    </ul>
{% endblock %}


{% block content %}

<div style="margin-left:auto; margin-right:auto; width:700px; font-size:120%">
    
<h1>block content</h1>

<p>
    This page extends "webgateway/base/base_main.html" and makes the following changes:
    <ul>
        <li>Sets the page Title</li>
        <li>Adds links to the 'middle_header_left' block (main top links). NB: preserves existing links</li>
        <li>Adds this text to the 'content' block</li>
    </ul>
</p>

<h1>jQuery, jQuery-UI and OME scripts</h1>

<p>
    This page is exactly the same as it's parent <a href="{% url 'webgateway_templates' 'base_header' %}">'base_header'</a> but
    includes jQuery, jQuery-UI and some OME script utility functions.
</p>

<p>For example, use OME.openPopup(url) to open this page in a new window:
    <button id="popup_demo">Open this page in new window</button>
</p>

</div>
{% endblock %}