pieter/eveAI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add a DocumentVersion overview that can be sorted and can be filtered.

Browse Source
This commit is contained in:
Josako
2024-08-20 14:18:07 +02:00
parent 926a4e8cc2
commit 6219d11e56
9 changed files with 316 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
eveai_app/templates/document/document_versions_list_view.html Normal file
View File

@@ -0,0 +1,83 @@
{% extends 'base.html' %}
{% from 'macros.html' import render_selectable_table, render_pagination, render_filter_field, render_date_filter_field, render_collapsible_section, render_selectable_sortable_table %}
{% block title %}Documents{% endblock %}
{% block content_title %}Document Versions{% endblock %}
{% block content_description %}View Document Versions for Tenant{% endblock %}
{% block content_class %}<div class="col-xl-12 col-lg-5 col-md-7 mx-auto"></div>{% endblock %}
{% block content %}
<!-- Filter Form -->
{% set filter_form %}
<form method="GET" action="{{ url_for('document_bp.document_versions_list') }}">
{{ render_filter_field('file_type', 'File Type', filter_options['file_type'], filters.get('file_type')) }}
{{ render_filter_field('processing', 'Processing Status', filter_options['processing'], filters.get('processing')) }}
{{ render_filter_field('processing_error', 'Error Status', filter_options['processing_error'], filters.get('processing_error')) }}
{{ render_date_filter_field('start_date', 'Processing Start Date', filters.get('start_date')) }}
{{ render_date_filter_field('end_date', 'Processing End Date', filters.get('end_date')) }}
<button type="submit" class="btn btn-primary">Apply Filters</button>
</form>
{% endset %}
{{ render_collapsible_section('Filter', 'Filter Options', filter_form) }}
<!-- Document Versions Table -->
{{ render_selectable_sortable_table(
headers=["ID", "File Type", "Processing", "Processing Start", "Processing Finish", "Processing Error"],
rows=rows,
selectable=True,
id="documentVersionsTable",
sort_by=sort_by,
sort_order=sort_order
) }}
{% endblock %}
{% block content_footer %}
{{ render_pagination(pagination, 'document_bp.document_versions_list') }}
{% endblock %}
{% block scripts %}
<script>
document.addEventListener('DOMContentLoaded', function() {
const table = document.getElementById('documentVersionsTable');
const headers = table.querySelectorAll('th.sortable');
headers.forEach(header => {
header.addEventListener('click', function() {
const sortBy = this.dataset.sort;
let sortOrder = 'asc';
if (this.querySelector('.fa-sort-up')) {
sortOrder = 'desc';
} else if (this.querySelector('.fa-sort-down')) {
sortOrder = 'none';
}
window.location.href = updateQueryStringParameter(window.location.href, 'sort_by', sortBy);
window.location.href = updateQueryStringParameter(window.location.href, 'sort_order', sortOrder);
});
});
function updateQueryStringParameter(uri, key, value) {
var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
var separator = uri.indexOf('?') !== -1 ? "&" : "?";
if (uri.match(re)) {
return uri.replace(re, '$1' + key + "=" + value + '$2');
}
else {
return uri + separator + key + "=" + value;
}
}
table.addEventListener('change', function(event) {
if (event.target.type === 'radio') {
var selectedRow = event.target.closest('tr');
var documentVersionId = selectedRow.cells[1].textContent;
console.log('Selected Document Version ID:', documentVersionId);
}
});
});
</script>
{% endblock %}

80
eveai_app/templates/macros.html
View File

@@ -135,6 +135,48 @@
</div>
{% endmacro %}
{% macro render_selectable_sortable_table(headers, rows, selectable, id, sort_by, sort_order) %}
<div class="card">
<div class="table-responsive">
<table class="table align-items-center mb-0" id="{{ id }}">
<thead>
<tr>
{% if selectable %}
<th>Select</th>
{% endif %}
{% for header in headers %}
<th class="sortable" data-sort="{{ header|lower|replace(' ', '_') }}">
{{ header }}
{% if sort_by == header|lower|replace(' ', '_') %}
{% if sort_order == 'asc' %}
<i class="fas fa-sort-up"></i>
{% elif sort_order == 'desc' %}
<i class="fas fa-sort-down"></i>
{% endif %}
{% else %}
<i class="fas fa-sort"></i>
{% endif %}
</th>
{% endfor %}
</tr>
</thead>
<tbody>
{% for row in rows %}
<tr>
{% if selectable %}
<td><input type="radio" name="selected_row" value="{{ row[0].value }}"></td>
{% endif %}
{% for cell in row %}
<td>{{ cell.value }}</td>
{% endfor %}
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
{% endmacro %}
{% macro render_accordion(accordion_id, accordion_items, header_title, header_description) %}
<div class="accordion-1">
<div class="container">
@@ -253,3 +295,41 @@
</nav>
{% endmacro %}
{% macro render_filter_field(field_name, label, options, current_value) %}
<div class="form-group">
<label for="{{ field_name }}">{{ label }}</label>
<select class="form-control" id="{{ field_name }}" name="{{ field_name }}">
<option value="">All</option>
{% for value, text in options %}
<option value="{{ value }}" {% if value == current_value %}selected{% endif %}>{{ text }}</option>
{% endfor %}
</select>
</div>
{% endmacro %}
{% macro render_date_filter_field(field_name, label, current_value) %}
<div class="form-group">
<label for="{{ field_name }}">{{ label }}</label>
<input type="date" class="form-control" id="{{ field_name }}" name="{{ field_name }}" value="{{ current_value }}">
</div>
{% endmacro %}
{% macro render_collapsible_section(id, title, content) %}
<div class="accordion" id="accordion{{ id }}">
<div class="accordion-item mb-3">
<h5 class="accordion-header" id="heading{{ id }}">
<button class="accordion-button border-bottom font-weight-bold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ id }}" aria-expanded="false" aria-controls="collapse{{ id }}">
{{ title }}
<i class="collapse-close fa fa-plus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i>
<i class="collapse-open fa fa-minus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i>
</button>
</h5>
<div id="collapse{{ id }}" class="accordion-collapse collapse" aria-labelledby="heading{{ id }}" data-bs-parent="#accordion{{ id }}">
<div class="accordion-body text-sm opacity-8">
{{ content }}
</div>
</div>
</div>
</div>
{% endmacro %}

1
eveai_app/templates/navbar.html
View File

@@ -86,6 +86,7 @@
{'name': 'Add a list of URLs', 'url': '/document/add_urls', 'roles': ['Super User', 'Tenant Admin']},
{'name': 'Add Youtube Document' , 'url': '/document/add_youtube', 'roles': ['Super User', 'Tenant Admin']},
{'name': 'All Documents', 'url': '/document/documents', 'roles': ['Super User', 'Tenant Admin']},
{'name': 'All Document Versions', 'url': '/document/document_versions_list', 'roles': ['Super User', 'Tenant Admin']},
{'name': 'Library Operations', 'url': '/document/library_operations', 'roles': ['Super User', 'Tenant Admin']},
]) }}
{% endif %}

1
eveai_app/templates/scripts.html
View File

@@ -12,3 +12,4 @@
<script src="{{url_for('static', filename='assets/js/plugins/nouislider.min.js')}}"></script>
<script src="{{url_for('static', filename='assets/js/plugins/anime.min.js')}}"></script>
<script src="{{url_for('static', filename='assets/js/material-kit-pro.min.js')}}?v=3.0.4 type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/js/bootstrap.bundle.min.js"></script>