diff --git a/app/templates/base.html.j2 b/app/templates/base.html.j2 index 3b1849e24089ec71b3bbbb3c9087fbd985e9816f..f5f264e14b3b1230370fc5c50f8253ef40bc5881 100644 --- a/app/templates/base.html.j2 +++ b/app/templates/base.html.j2 @@ -72,6 +72,7 @@ </div> <ul id="nav-account-dropdown" class="dropdown-content"> {% if current_user.is_authenticated %} + <li><a href="{{ url_for('auth.settings') }}"><i class="material-icons">settings</i>Settings</a></li> <li><a href="{{ url_for('auth.logout') }}"><i class="material-icons">chevron_left</i>Log out</a></li> {% else %} <li><a href="{{ url_for('auth.login') }}"><i class="material-icons">chevron_right</i>Log in</a></li> @@ -81,61 +82,35 @@ <div class="navbar-fixed"> <nav> <div class="nav-wrapper"> - <a href="{{ url_for('main.index') }}" class="brand-logo"><i class="material-icons">opacity</i>Opaque</a> + <a href="{{ url_for('main.index') }}" class="brand-logo center"><i class="material-icons">opacity</i>Opaque</a> <a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">menu</i></a> <ul class="right hide-on-med-and-down"> <li><a id="nav-notifications" class="dropdown-trigger no-autoinit" href="#!" data-target="nav-notifications-dropdown"><i class="material-icons">notifications</i></a></li> - <li><a id="nav-account" class="dropdown-trigger no-autoinit" href="#!" data-target="nav-account-dropdown"><i class="material-icons">account_circle</i></a></li> + <li> + <a id="nav-account" class="dropdown-trigger no-autoinit" href="#!" data-target="nav-account-dropdown"> + {% if current_user.is_authenticated %} + {{ current_user.username }}<i class="material-icons right">account_circle</i> + {% else %} + <i class="material-icons">account_circle</i> + {% endif %} + </a> + </li> </ul> </div> </nav> </div> <ul id="slide-out" class="sidenav sidenav-fixed"> - <li> - <div class="user-view"> - <div class="background" style="background-color: #ee6e73;"></div> - <img class="circle" src="{{ url_for('static', filename='images/account_circle.png') }}"> - <span class="white-text name"> - {% if current_user.is_authenticated %} - {{ current_user.username }} - {% else %} - Unknown - {% endif %} - </span> - <span class="white-text email"> - {% if current_user.is_authenticated %} - {{ current_user.email }} - {% else %} - Unknown - {% endif %} - </span> - </div> - </li> <li><a href="{{ url_for('main.index') }}"><i class="material-icons">opacity</i>Opaque</a></li> <li><a href="{{ url_for('main.dashboard') }}"><i class="material-icons">dashboard</i>Dashboard</a></li> - <li class="no-padding"> - <ul class="collapsible collapsible-accordion"> - <li> - <a class="collapsible-header">Services<i class="material-icons">arrow_drop_down</i></a> - <div class="collapsible-body"> - <ul> - <li><a href="{{ url_for('services.nlp') }}"><i class="material-icons">format_textdirection_l_to_r</i>NLP</a></li> - <li><a href="{{ url_for('services.ocr') }}"><i class="material-icons">find_in_page</i>OCR</a></li> - </ul> - </div> - </li> - </ul> - </li> - {% if current_user.is_authenticated %} <li><div class="divider"></div></li> - <li><a class="subheader">Account</a></li> - <li><a href="{{ url_for('auth.settings') }}"><i class="material-icons">settings</i>Settings</a></li> - {% endif %} - {% if current_user.is_administrator() %} <!-- Shows only for admins --> - <li><div class="divider"></div></li> - <li><a class="subheader">Administration</a></li> - <li><a href="{{ url_for('admin.for_admins_only') }}"><i class="material-icons">build</i>Administration tools</a></li> + <li><a class="subheader">Services</a></li> + <li><a href="{{ url_for('services.nlp') }}"><i class="material-icons">format_textdirection_l_to_r</i>NLP</a></li> + <li><a href="{{ url_for('services.ocr') }}"><i class="material-icons">find_in_page</i>OCR</a></li> + {% if current_user.is_administrator() %} + <li><div class="divider"></div></li> + <li><a class="subheader">Administration</a></li> + <li><a href="{{ url_for('admin.for_admins_only') }}"><i class="material-icons">build</i>Administration tools</a></li> {% endif %} </ul> </header> @@ -144,14 +119,7 @@ <div class="container"> <div class="row"> <div class="col s12"> - <h2> - {% if title %} - {{ title }} - {% else %} - Unnamed page - {% endif %} - </h2> - <p> </p> + <h2>{% if title %}{{ title }}{% else %}Unnamed page{% endif %}</h2> </div> {% block page_content %} {% endblock %} @@ -201,6 +169,8 @@ <script type="text/javascript" src="{{ url_for('static', filename='js/materialize.min.js') }}"></script> <script> + var foo = document.querySelector("main"); + console.log(foo); M.AutoInit(); M.Dropdown.init( document.getElementById("nav-notifications"), diff --git a/app/templates/main/dashboard.html.j2 b/app/templates/main/dashboard.html.j2 index 3d81c86d44dc6755efe4ba1e6bd0960071ed8692..c0f016e00a3f10830399b55fa44dadd9c76ff91c 100644 --- a/app/templates/main/dashboard.html.j2 +++ b/app/templates/main/dashboard.html.j2 @@ -75,14 +75,14 @@ </div> </div> <script> -var jobList = new JobList("job-list", { - item: '<div><span class="title"></span><span class="description"></span></div>', - page: 4, - pagination: true, - valueNames: ["description", "title", {data: ["id"]}] -}); -jobList.on("filterComplete", List.updatePagination); -jobList.on("searchComplete", List.updatePagination); + var jobList = new JobList("job-list", { + item: '<div><span class="title"></span><span class="description"></span></div>', + page: 4, + pagination: true, + valueNames: ["description", "title", {data: ["id"]}] + }); + jobList.on("filterComplete", List.updatePagination); + jobList.on("searchComplete", List.updatePagination); </script> <div id="new-corpus-modal" class="modal">