{% extends "base.html" %}
{% load staticfiles %}
{% load compress %}
{% load swampdragon_tags %}

{% block title %}Instances{% endblock %}

{% block css %}
{% compress css %}
<link href="{% static "scss/instance.scss" %}" type="text/x-scss" rel="stylesheet"/>
{% endcompress %}
{% endblock css %}

{% block content %}
<div class="container content instance-app" ng-app="InstanceApp">
    <top-bar>
      <ul class="title-area">
        <li class="name">
          <h1><a href="#">OpenCraft Instance Manager</a></h1>
        </li>
      </ul>

      <section class="top-bar-section">
        <!-- Right Nav Section -->
        <ul class="right">
          <li class="active"><a href="/admin/logout/?next=/">Logout</a></li>
        </ul>
      </section>
    </top-bar>

    <div ui-view>Loading...</div>
</div>
{% endblock content %}

{% block body_js %}
{% swampdragon_settings %}
<script src="{% static 'swampdragon/js/dist/swampdragon.min.js' %}"></script>
<script src="{% static "js/src/instance.js" %}"></script>
<script src="{% static "js/src/openedx_appserver.js" %}"></script>
{% endblock body_js %}

{% extends "base.html" %}
{% load staticfiles %}
{% load compress %}
{% load swampdragon_tags %}

{% block title %}Instances{% endblock %}

{% block css %}
{% compress css %}
<link href="{% static "scss/instance.scss" %}" type="text/x-scss" rel="stylesheet"/>
{% endcompress %}
{% endblock css %}

{% block content %}
<div class="container content instance-app" ng-app="InstanceApp">
    <div ui-view>Loading...</div>
</div>
{% endblock content %}

{% block body_js %}
{% swampdragon_settings %}
<script src="{% static 'swampdragon/js/dist/swampdragon.min.js' %}"></script>
<script src="{% static "js/src/instance.js" %}"></script>
<script src="{% static "js/src/openedx_appserver.js" %}"></script>
{% endblock body_js %}

Remove top bar from instance manager template
Remove top bar from instance manager template

Top bar moved to the base template so it can be used in other apps
