diff options
| author | Frederick Muriuki Muriithi | 2024-08-28 16:14:52 -0500 |
|---|---|---|
| committer | Frederick Muriuki Muriithi | 2024-08-28 17:22:04 -0500 |
| commit | 05191fa146fac31fd079c50bf6bcc4983f2f0792 (patch) | |
| tree | e98cbbb382edec7fb224bbb132b6d5ff9f2d7639 /uploader/templates/base.html | |
| parent | 3c74277f8063f01bb63836c763507a8d64869f46 (diff) | |
| download | gn-uploader-05191fa146fac31fd079c50bf6bcc4983f2f0792.tar.gz | |
Rework UI: present menus on the left, content on the right.
Diffstat (limited to 'uploader/templates/base.html')
| -rw-r--r-- | uploader/templates/base.html | 82 |
1 files changed, 51 insertions, 31 deletions
diff --git a/uploader/templates/base.html b/uploader/templates/base.html index ee60fea..40a1255 100644 --- a/uploader/templates/base.html +++ b/uploader/templates/base.html @@ -1,6 +1,8 @@ <!DOCTYPE html> <html lang="en"> + <head> + <meta charset="UTF-8" /> <meta application-name="GeneNetwork Quality-Control Application" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> @@ -14,49 +16,67 @@ <link rel="stylesheet" type="text/css" href="{{url_for('base.bootstrap', filename='css/bootstrap-theme.min.css')}}" /> - - - <link rel="shortcut icon" type="image/png" sizes="64x64" - href="{{url_for('static', filename='images/CITGLogo.png')}}" /> - - <link rel="stylesheet" type="text/css" href="/static/css/custom-bootstrap.css" /> <link rel="stylesheet" type="text/css" href="/static/css/styles.css" /> {%block css%}{%endblock%} + </head> <body> - <div class="navbar navbar-inverse navbar-static-top pull-left" - role="navigation" - style="width: 100%;min-width: 850px;white-space: nowrap;"> - <div class="container-fluid" style="width: 100%"> - <ul class="nav navbar-nav"> - <li><a href="/" style="font-weight: bold">GN Uploader</a></li> - <li> - <a href="{{gn2server_uri()}}">GeneNetwork</a> - </li> - </ul> - <ul class="nav navbar-nav" style="margin-left: 2em;"> - <li> - {%if user_logged_in()%} - <a href="{{url_for('oauth2.logout')}}" - title="Log out of the system">Log Out</a> - {%else%} - <a href="{{authserver_authorise_uri()}}" - title="Log in to the system">Log In</a> - {%endif%} - </li> - </ul> + <header id="header" class="container-fluid"> + <div class="row"> + <span class="header col-lg-9">GeneNetwork Data Quality Control and Upload</span> + <nav class="header-nav col-lg-3"> + <ul class="nav justify-content-end"> + <li class="btn"> + {%if user_logged_in()%} + <a href="{{url_for('oauth2.logout')}}" + title="Log out of the system">Log Out</a> + {%else%} + <a href="{{authserver_authorise_uri()}}" + title="Log in to the system">Log In</a> + {%endif%} + </li> + </ul> + </nav> + </header> + + <aside id="nav-sidebar" class="container-fluid"> + <ul class="nav flex-column"> + <li><a href="/" >Home</a></li> + </ul> + </aside> + + <main id="main" class="main container-fluid"> + + <div class="pagetitle row"> + <h1>GN Uploader: {%block pagetitle%}%{%endblock%}</h1> + <nav> + <ol class="breadcrumb"> + {%block breadcrumb%}{%endblock%} + </ol> + </nav> + </div> + + <div class="row"> + <div class="container-fluid"> + <div class="col-md-8 main-content"> + {%block contents%}{%endblock%} + </div> + <div class="sidebar-content col-md-4"> + {%block sidebarcontents%}{%endblock%} + </div> + </div> </div> - </div> - <div class="container"> - {%block contents%}{%endblock%} - </div> + </main> + <script src="{{url_for('base.jquery', filename='jquery.min.js')}}"></script> <script src="{{url_for('base.bootstrap', filename='js/bootstrap.min.js')}}"></script> {%block javascript%}{%endblock%} + </body> + </html> |