presenting django messages with bootstrap styling
[qcg-portal.git] / qcg / templates / qcg / base.html
index c05ddbe..9accb20 100644 (file)
-{% load staticfiles %}
+{% load staticfiles webdesign %}
+{% load firstof from future %}
 
 <!DOCTYPE html>
 <html lang="pl">
-    <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <title>Portal QCG</title>
-
-        <link href="{% static 'qcg/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
-    </head>
-    <body>
-        <nav class="navbar navbar-default navbar-static-top">
-            <div class="container">
-                <div class="navbar-header">
-                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
-                        <span class="sr-only">Rozwiń menu</span>
-                        <span class="icon-bar"></span>
-                        <span class="icon-bar"></span>
-                        <span class="icon-bar"></span>
-                    </button>
-                    <a class="navbar-brand" href="/">QCG</a>
-                </div>
-                <div id="navbar" class="collapse navbar-collapse">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <title>{% block title %}Strona główna{% endblock %} - Portal QCG</title>
+
+    <link href="{% static 'qcg/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
+    <link href="{% static 'qcg/main.css' %}" rel="stylesheet">
+    {% block extra_css %}{% endblock %}
+</head>
+<body>
+    <nav class="navbar navbar-default navbar-static-top">
+        <div class="container">
+            <div class="navbar-header">
+                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+                    <span class="sr-only">Rozwiń menu</span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+                <a class="navbar-brand" href="/">Portal QosCosGrid</a>
+            </div>
+            <div id="navbar" class="collapse navbar-collapse">
+                {% if user.is_authenticated %}
                     <ul class="nav navbar-nav">
-{#                        <li class="active"><a href="#"></a></li>#}
+                        <li{% ifequal request.resolver_match.url_name 'jobs' %} class="active"{% endifequal %}>
+                            <a href="{% url 'jobs' %}">Zadania</a>
+                        </li>
+                        <li{% ifequal request.resolver_match.url_name 'job_new' %} class="active"{% endifequal %}>
+                            <a href="{% url 'job_new' %}">Zleć zadanie</a>
+                        </li>
+                        <li{% ifequal request.resolver_match.url_name 'gridftp' %} class="active"{% endifequal %}>
+                            <a href="{% url 'gridftp' %}">GridFTP</a>
+                        </li>
                     </ul>
-                </div><!--/.nav-collapse -->
+                {% endif %}
+
+                <ul class="nav navbar-nav navbar-right">
+                    {% if user.is_authenticated %}
+                            <li class="dropdown">
+                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                                    {% firstof user.get_full_name user.username  %} <b class="caret"></b>
+                                </a>
+                                <ul class="dropdown-menu">
+                                    {% if request.user.is_superuser %}
+                                        <li><a href="{% url 'admin:index' %}" target="_blank">
+                                            <span class="glyphicon glyphicon-wrench"></span>&nbsp;Panel Administracyjny</a></li>
+                                        <li class="divider"></li>
+                                    {% endif %}
+
+                                    <li>
+                                        <a href="{% url 'logout' %}" role="button">
+                                            <span class="glyphicon glyphicon-off"></span>&nbsp;Wyloguj
+                                        </a>
+                                    </li>
+                                </ul>
+                            </li>
+                    {% else %}
+                        <li><a href="{% url 'openid-login' %}" class="navbar-link">Zaloguj</a></li>
+                    {% endif %}
+                </ul>
+            </div><!--/.nav-collapse -->
+        </div>
+    </nav>
+
+    <div class="container">
+        {% block container %}
+
+            <div class="jumbotron">
+                <h1>QosCosGrid</h1>
+                <p>Infrastruktura QosCosGrid jest zestawem zintegrowanych, wysoce wydajnych usług i narzędzi dostępowych do zarządzania zasobami i zadaniami w wieloklastrowych i gridowych środowiskach obliczeniowych. QosCosGrid wspiera różne scenariusze dla aplikacji, w tym aplikacji równoległych dużej skali, aplikacji parametrycznych oraz złożonych aplikacji typu workflow. Usługi QosCosGrid umożliwiają logiczne scalenie zasobów obliczeniowych pochodzących z wielu klastrów w jeden rozproszony system obliczeniowy.</p>
+
+{#                <div class="row">#}
+{#                    <div class="col-md-6">#}
+{#                    </div>#}
+{#                    <div class="col-md-6">#}
+{#                        <img src="{% static 'qcg/img/qcg_logo.png' %}" class="img-responsive" alt="Banner image">#}
+{#                    </div>#}
+{#                </div>#}
             </div>
-        </nav>
 
-        <div class="container">
+            <div class="row">
+                <div class="col-md-offset-2 col-md-8">
+                    <h3>PL-GRID</h3>
 
-            <div>
-                <h1>Hello, cruel world!</h1>
+                    <p>
+                        <img src="{% static 'qcg/img/plgrid_logo.png' %}" class="img-responsive pull-right" alt="Banner image">
+                        Polska Infrastruktura Gridowa została zbudowana w ramach projektu PL-Grid, w celu dostarczenia polskiej społeczności naukowej platformy informatycznej opartej na klastrach komputerów, służących e-Science w różnych dziedzinach. Infrastruktura wspiera badania naukowe poprzez integrację danych doświadczalnych i wyników zaawansowanych symulacji komputerowych prowadzonych przez geograficznie rozproszone zespoły. Infrastruktura PL-Grid umożliwia polskim naukowcom prowadzenie badań naukowych w oparciu o symulacje i obliczenia dużej skali z wykorzystaniem klastrów komputerów oraz zapewnia wygodny dostęp do rozproszonych zasobów komputerowych.
+                    </p>
+                </div>
             </div>
 
-        </div><!-- /.container -->
+            <p class="text-center" style="margin: 20px 0">
+                <a class="btn btn-lg btn-primary" href="{% url 'openid-login' %}" role="button">Zaloguj się korzystając z OpenID</a>
+            </p>
+
+        {% endblock container %}
+    </div><!-- /.container -->
+
+    <footer class="navbar navbar-default navbar-fixed-bottom">
+        <div class="container">
+            <div class="row">
+                <p class="navbar-text text-center" style="float: none">
+                    Copyright &copy; 2015, <a href="http://www.man.poznan.pl" class="navbar-link">PCSS</a>
+                </p>
+            </div>
+        </div>
+    </footer>
 
-        <script src="{% static 'qcg/jquery/jquery.min.js' %}"></script>
-        <script src="{% static 'qcg/bootstrap/js/bootstrap.min.js' %}"></script>
-    </body>
+    <script src="{% static 'qcg/jquery/jquery.min.js' %}"></script>
+    <script src="{% static 'qcg/bootstrap/js/bootstrap.min.js' %}"></script>
+    {% block extra_js %}{% endblock %}
+</body>
 </html>