Added head_styles Jinja block to base view template head section to allow for page specific style injections.

Continuing work on the re-design and clean-up of the dashboard view.
This commit is contained in:
Matt Scott 2023-02-19 09:11:44 -05:00
parent 58aabacd91
commit d70ded18c2
2 changed files with 20 additions and 20 deletions

View File

@ -17,6 +17,7 @@
{% if SETTING.get('custom_css') %}
<link rel="stylesheet" href="/static/custom/{{ SETTING.get('custom_css') }}">
{% endif %}
{% block head_styles %}{% endblock %}
{% endblock %}
</head>

View File

@ -180,7 +180,8 @@
</ul>
</div>
</div>
<div class="card-body">
<!-- /.card-header -->
<div class="card-body p-0">
<div class="tab-content">
{% for boxId in custom_boxes.order %}
<div class="tab-pane fade show" id='tab_{{ boxId }}'>
@ -195,6 +196,7 @@
</button>
{% endif %}
</div>
<!-- /.card-header -->
<div class="card-body table-responsive p-0 pt-2">
<table id='tbl_domain_list_{{ boxId }}'
class="table table-striped table-hover">
@ -213,18 +215,33 @@
</tbody>
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.tab-pane -->
{% endfor %}
</div>
<!-- /.tab-content -->
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</div>
<!-- /.container-fluid -->
</section>
{% endblock %}
{% block head_styles %}
<style type="text/css">
div.table-responsive > div.dataTables_wrapper > div.row:first-of-type { margin: 0 0.5em 0 0.5em; }
div.table-responsive > div.dataTables_wrapper > div.row:last-of-type { margin: 0.4em 0.5em 0.4em 0.5em; }
div.table-responsive > div.dataTables_wrapper table.dataTable { margin: 0!important; }
</style>
{% endblock %}
{% block extrascripts %}
<script>
//SYBPATCH START//
@ -266,24 +283,6 @@
{% endfor %}
//SYBPATCH END//
// set up history data table
$("#tbl_history").DataTable({
"paging": false,
"lengthChange": false,
"searching": false,
"ordering": false,
"info": false,
"autoWidth": true,
"columnDefs": [
{
"render": function (data, type, row) {
return moment.utc(data).local().format('YYYY-MM-DD HH:mm:ss');
},
"targets": 2
}
]
});
$(document.body).on('click', '.history-info-button', function () {
var modal = $("#modal_history_info");
var history_id = $(this).val();