aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--wqflask/wqflask/templates/display_files.html37
1 files changed, 22 insertions, 15 deletions
diff --git a/wqflask/wqflask/templates/display_files.html b/wqflask/wqflask/templates/display_files.html
index 2fd7d7ee..c8c446ba 100644
--- a/wqflask/wqflask/templates/display_files.html
+++ b/wqflask/wqflask/templates/display_files.html
@@ -1,5 +1,10 @@
{% extends "base.html" %}
{% block title %}Trait Submission{% endblock %}
+
+{% block css %}
+<link rel="stylesheet" type="text/css" href="{{ url_for('css', filename='DataTables/css/jquery.dataTables.css') }}" />
+{% endblock %}
+
{% block content %}
<!-- Start of body -->
{% with messages = get_flashed_messages(with_categories=true) %}
@@ -12,14 +17,12 @@
{% endif %}
{% endwith %}
-
<div class="container">
-
{% if waiting %}
<div class="row">
Files for approval:
- <div class="table-responsive">
- <table class="table m-0">
+ <div class="col-md-7">
+ <table class="table table-hover table-striped cell-border">
<thead>
<th scope="col">Resource Id</</th>
<th scope="col">Author</th>
@@ -59,10 +62,10 @@
{% endif %}
{% if approved %}
+ <h2>Approved Data:</h2>
<div class="row">
- Approved Data:
- <div class="table-responsive">
- <table class="table m-0">
+ <div class="col-md-8">
+ <table class="table-responsive table-hover table-striped cell-border" id="table-approved">
<thead>
<th scope="col">Resource Id</</th>
<th scope="col">Author</th>
@@ -84,10 +87,10 @@
{% endif %}
{% if rejected %}
+ <h2>Rejected Files:</h2>
<div class="row">
- Rejected Files:
- <div class="table-responsive">
- <table class="table m-0">
+ <div class="col-md-8">
+ <table class="table-responsive table-hover table-striped cell-border" id="table-rejected">
<thead>
<th scope="col">Resource Id</</th>
<th scope="col">Author</th>
@@ -105,16 +108,20 @@
</tbody>
</table>
</div>
- </div>
+ </div>
{% endif %}
-
</div>
-
{%endblock%}
{% block js %}
-<script>
+<script language="javascript" type="text/javascript" src="{{ url_for('js', filename='DataTables/js/jquery.js') }}"></script>
+<script language="javascript" type="text/javascript" src="{{ url_for('js', filename='DataTables/js/jquery.dataTables.min.js') }}"></script>
+<script language="javascript" type="text/javascript">
gn_server_url = "{{ gn_server_url }}";
-
+
+ $(document).ready( function() {
+ $('#table-approved').dataTable();
+ $('#table-rejected').dataTable();
+ });
</script>
{% endblock %}