base.html


{% import "bootstrap/wtf.html" as wtf %}

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="stylesheet" href="{{ url_for('static', filename='lib/css/bootstrap.min.css') }}" ></link>
    <script src="{{ url_for('static', filename='lib/js/jquery-3.3.1.slim.min.js') }}" ></script>
    <script src="{{ url_for('static', filename='lib/js/popper.min.js') }}" ></script>
    <script src="{{ url_for('static', filename='lib/js/bootstrap.min.js') }}" ></script>
    <title>Onni</title>

    <!-- Bootstrap core CSS -->
    <link href="/lib/css/bootstrap.min.css" rel="stylesheet">
    
    <!-- Custom styles for this template -->
    
    <link href="/static/css/slider.css" rel="stylesheet">
    
  </head>
  <body>
    <header>
<!-- Navigation -->
<nav class="navbar navbar-expand bg-light fixed-top">

  
        {% if pages %}  

            <div class="navbar-brand font-weight-light"><span class="text-primary font-weight-bold">ID:{{ session['user']}}</span>
            </div>
            <div class="progress-bar progress-bar-striped" role="progressbar" style="width: {{ progress_bar_percentage }}%;" aria-valuemin="0" aria-valuemax="100">{{ _('Task progress:') }} {{   progress_bar_percentage }}%
            </div>


        {% else %}
  
  
          <div class="col-1 navbar-brand">
          <a href="{{ url_for('index') }}">
          <img class="mt-1 mb-1" src="/static/img/onni_LOGO-horizontal-RGB-transparent_bg_cut.png" alt="Logo" height=40">
          </a>
          
          
                  {% block navbar %}
                    {% with messages = get_flashed_messages() %}
                        {% if messages %}
                            {% for message in messages %}
                            
                                <a class="pl-5 text-align-center text-danger">{{ message }}</a>
                            
                            {% endfor %}
                        {% endif %}
                    {% endwith %}
                  {% endblock %}


          </div>


       {% if current_user.is_authenticated %}


            <div class="col-11 text-primary text-right">
          

         <a class="nav-item" href="{{ url_for('researcher_info') }}" class="nav-link">Info |</a>
         <a class="nav-item" href="{{ url_for('create.create_experiment') }}" class="nav-link">Create |</a>
         <a class="nav-item" href="" class="nav-link">Archives |</a>
         <a class="nav-item" href="{{ url_for('logout') }}" class="nav-link">Logout |</a>


        <a class="nav-item dropdown">
        <a class="nav-item dropdown-toggle text-align-right" href="#" id="navbarDropdown_auth" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Language 
        </a>
        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown_auth">
          <a class="dropdown-item" href="{{ url_for('set_language', language='Finnish', lang='fi') }}">Finnish</a>
          <a class="dropdown-item" href="{{ url_for('set_language', language='English', lang='en') }}">English</a>
          <a class="dropdown-item" href="{{ url_for('set_language', language='Persian', lang='fa') }}">Persian</a>
          <a class="dropdown-item" href="{{ url_for('set_language', language='Greek',   lang='el') }}">Greek</a>
          <a class="dropdown-item" href="{{ url_for('set_language', language='Italian', lang='it') }}">Italian</a>
          <a class="dropdown-item" href="{{ url_for('set_language', language='Chinese', lang='zh') }}">Chinese</a>
          <a class="dropdown-item" href="{{ url_for('set_language', language='All') }}">Show all</a>
        </div>
        </div>
        
        {% endif %}
                  

        {% if current_user.is_anonymous %}
        
        <div class="col-11 text-primary text-right">
        
        
        <a class="nav-item dropdown-toggle text-align-right" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Language
        </a>
        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
          
          <a class="dropdown-item" href="{{ url_for('set_language', language='Finnish', lang='fi') }}">Finnish</a>
          <a class="dropdown-item" href="{{ url_for('set_language', language='English', lang='en') }}">English</a>
          <a class="dropdown-item" href="{{ url_for('set_language', language='Persian', lang='fa') }}">Persian</a>
          <a class="dropdown-item" href="{{ url_for('set_language', language='Greek',   lang='el') }}">Greek</a>
          <a class="dropdown-item" href="{{ url_for('set_language', language='Italian', lang='it') }}">Italian</a>
          <a class="dropdown-item" href="{{ url_for('set_language', language='Chinese', lang='zh') }}">Chinese</a>

        </div>
                
                
        {% endif %}
            
            
        {% endif %}
            
            
</nav>
</header>
      
<main role="main" class="container">
          {% block content %}{% endblock %}
</main>
    <footer class="footer">
      <div class="container">
          <br>
        <span class="text-muted">Developed by Timo Heikkilä | Human Emotion Systems Labratory, Turku PET Centre | <a href="http://emotion.utu.fi">emotion.utu.fi</a></span>
      </div>
    </footer>

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
  </body>
</html>