1 {% extends "layout.html" %}
8 <link href="{% static "css/base.css" %}" rel="stylesheet">
9 <script src="/static/js/dashboard.js"></script>
12 {% block basecontent %}
13 <div id="wrapper" class="d-flex flex-column">
16 <nav class="navbar navbar-light bg-light navbar-fixed-top border-bottom py-0 mb-0" role="navigation">
17 {% endblock bgColor %}
18 <div class="container-fluid pb-2 pb-sm-0">
21 <div class="col-12 col-sm order-1 order-sm-2 text-center text-lg-left">
23 <a class="navbar-brand d-none d-lg-inline Anuket-Text" href={% url 'dashboard:index' %}>
28 <!-- Sidebar button -->
29 <div class="col-6 col-sm-2 d-flex order-1 order-lg-3 d-lg-none">
30 <button class="btn border mx-auto" type="button" data-toggle="collapse" data-target="#sidebar"
31 aria-expanded="false" aria-controls="sidebar">
32 <i class="fas fa-bars d-inline"></i>
35 <!-- Login dropdown -->
36 <div class="col-6 col-sm-2 order-3 d-flex">
37 <ul class="nav mx-auto mr-sm-0">
38 <li class="dropdown ml-auto">
39 {% block userDropDownText %}
40 <a class="nav-link p-0 p-2 Anuket-Text" data-toggle="dropdown" href="#">
41 {% if request.user.username %}
42 {{request.user.username}}
44 <i class="fas fa-user"></i>
46 <i class="fas fa-caret-down rotate"></i>
48 {% endblock userDropDownText %}
49 <div class="dropdown-menu dropdown-menu-right">
51 {% if user.is_authenticated %}
52 <a href="{% url 'account:settings' %}" class="dropdown-item Anuket-Text">
53 <i class="fas fa-cog"></i>
56 <a id="logout_btn" href="#" method="post" class="dropdown-item Anuket-Text">
57 <i class="fas fa-sign-out-alt"></i>
60 <form id="logout_form" action="{% url 'oidc_logout' %}" method="post" style="visibility: hidden;">
62 <input type="submit" value="logout">
65 const logout_btn = document.getElementById("logout_btn");
67 const logout_form = document.getElementById("logout_form");
69 logout_btn.onclick = function() { logout_form.submit(); };
72 <a href="{% url 'oidc_authentication_init' %}" class="dropdown-item Anuket-Text">
73 <i class="fas fa-sign-in-alt"></i>
78 {% if user.is_authenticated %}
79 <a href="{% url 'account:settings' %}" class="dropdown-item Anuket-Text">
80 <i class="fas fa-cog"></i>
83 <a href="{% url 'account:logout' %}?next={{ request.path }}" class="dropdown-item Anuket-Text">
84 <i class="fas fa-sign-out-alt"></i>
88 <a href="{% url 'account:login' %}" class="dropdown-item Anuket-Text">
89 <i class="fas fa-sign-in-alt"></i>
101 <!-- Page Content -->
102 <div class="container-fluid d-flex flex-grow-1 px-0 align-items-start flex-column">
103 <div class="row flex-grow-1 w-100 mx-0 align-content-start flex-lg-grow-1">
104 <div class="col-12 col-lg-auto px-0 border-right border-left bg-light" role="navigation">
105 <nav class="navbar navbar-expand-lg border-bottom p-0 w-100 sidebar">
106 <div class="collapse navbar-collapse" id="sidebar">
107 <div class="list-group list-group-flush w-100 ">
108 <a href="/" class="list-group-item list-group-item-action nav-bg">
112 <a class="list-group-item list-group-item-action nav-bg" data-toggle="collapse"
113 href="#createList" role="button">
114 Create <i class="fas fa-angle-down rotate"></i>
116 <div class="collapse" id="createList">
117 <a href="/booking/quick/" class="list-group-item list-group-item-action list-group-item-secondary dropDown-bg">
120 <a href="#" onclick="create_workflow(0)" class="list-group-item list-group-item-action list-group-item-secondary dropDown-bg">
123 <a href="#" onclick="create_workflow(1)" class="list-group-item list-group-item-action list-group-item-secondary dropDown-bg">
126 <a href="#" onclick="create_workflow(2)" class="list-group-item list-group-item-action list-group-item-secondary dropDown-bg">
129 <a href="#" onclick="create_workflow(3)" class="list-group-item list-group-item-action list-group-item-secondary dropDown-bg">
133 {% endblock dropDown %}
134 <a href="{% url 'resource:hosts' %}" class="list-group-item list-group-item-action nav-bg">
137 {% if user.is_authenticated %}
138 <a href="{% url 'account:users' %}" class="list-group-item list-group-item-action nav-bg">
142 <a href="{% url 'booking:list' %}" class="list-group-item list-group-item-action nav-bg">
145 <a href="{% url 'booking:stats' %}" class="list-group-item list-group-item-action nav-bg">
148 <a class="list-group-item list-group-item-action nav-bg" data-toggle="collapse"
149 href="#accountList" role="button">
150 Account <i class="fas fa-angle-down rotate"></i>
152 <div class="collapse" id="accountList">
153 <a href="{% url 'account:my-resources' %}" class="list-group-item list-group-item-action list-group-item-secondary dropDown-bg">
156 <a href="{% url 'account:my-bookings' %}" class="list-group-item list-group-item-action list-group-item-secondary dropDown-bg">
159 <a href="{% url 'account:my-images' %}" class="list-group-item list-group-item-action list-group-item-secondary dropDown-bg">
163 <a href="{% url 'dashboard:all_labs' %}" class="list-group-item list-group-item-action nav-bg">
166 <a href="{% url 'notifier:messages' %}" class="list-group-item list-group-item-action nav-bg">
173 <div class="col overflow-auto flex-grow-1 d-flex flex-column h-100">
175 <div class="row flex-shrink-1">
176 <div class="col-lg-12">
177 <h1 class="page-header">{{ title }}</h1>
182 <div id="bsm" class="mt-4">{% bootstrap_messages %}</div>
184 <!-- Content block placed here -->
186 {% endblock content %}
191 {% endblock basecontent %}