Add icons to actions

This commit is contained in:
2023-05-29 16:47:03 +02:00
parent 60086b3925
commit 8fe4b888b8
5 changed files with 66 additions and 45 deletions

View File

@@ -3,9 +3,12 @@
<head>
<title>{{ title }}</title>
{% if framework == "bootstrap" %}
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css">
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ"
crossorigin="anonymous"
/>
<style>
body {
font-family: Courier;
@@ -20,8 +23,10 @@
}
</style>
{% else %}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.3/css/bulma.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.3/css/bulma.min.css"
/>
<style>
body {
font-family: Courier;
@@ -32,12 +37,21 @@
}
</style>
{% endif %}
<link
rel="stylesheet"
href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/7.1.96/css/materialdesignicons.css"
integrity="sha512-lD1LHcZ8tFHvMFNeo6qOLY/HjzSPCasPJOAoir22byDxlZI1R71S5lZel8zRL2TZ+Dut1wOHfYgSU2lHXuL00w=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
</head>
<body>
{% block content %}
{% endblock %}
{% block content %} {% endblock %}
</body>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
{% block jscript %}
{% endblock %}
{% block jscript %} {% endblock %}
</html>

View File

@@ -80,7 +80,7 @@
</b></h7>
<h7>Number of files: {{ data.results | length }}</h7>
<div>
<input type="button", class="{{ button }}", value="Excel", onclick="excelFile()">
<button class="{{ button }}" onclick="excelFile()"><i class="mdi mdi-file-excel"></i> Excel</button>
</div>
</div>
</section>

View File

@@ -86,7 +86,7 @@
</b></h2>
<h2>Number of files: {{ data.results | length }}</h2>
<div>
<input type="button", class="{{ button }}", value="Excel", onclick="excelFile()">
<button class="{{ button }}" onclick="excelFile()"><i class="mdi mdi-file-excel"></i> Excel</button>
</div>
</div>
</section>

View File

@@ -4,6 +4,10 @@
<div class="{{ frbutton_position }}">
<button class="{{ button_class }}" onclick="location.href='/config/{{ candidate }}'">Use {{ candidate
}}</button>
</div>
<div class="{{ level }}">
<button class="{{ button_class }}" onclick="excel()"><i class="mdi mdi-file-excel"></i> Excel</button>
</div>
{% if config.compare %}
<div class={{ frtag_position }}>
@@ -12,5 +16,4 @@
{% endif %}
</div>
{% include "partials/table_select.html" %}
<input type="button" class="{{ button_class }}" onclick="excel()" value="Excel">
</div>

View File

@@ -7,7 +7,7 @@
{% set button_pre = '<button class="btn btn-primary btn-sm"
style="--bs-btn-padding-y: .25rem; --bs-btn-padding-x: .5rem; --bs-btn-font-size: .75rem;"
onclick="showFile(\''%}
{% set button_post = '\')">View</button>' %}
{% set button_post = '\')"><i class="mdi mdi-eye"></i></button>' %}
{% set selected = "selected" %}
{% set tag_class = "badge bg-primary bg-small" %}
{% set frbutton_position = "float-left" %}
@@ -20,9 +20,11 @@
{% set h1_class = "title is-1 has-text-centered" %}
{% set table_class = "table is-striped is-hoverable cell-border is-bordered" %}
{% set button_pre = '<span class="tag is-link is-normal" type="button" onclick="showFile(\'' %}
{% set button_post = '\')">View</span>' %}
{% set button_post = '\')"><i class="mdi mdi-eye"></i></span>' %}
{% set selected = "is-selected" %}
{% set align_right = "text-end" %}
{% set level = "level" %}
{% set tag_class = "tag is-primary is-small" %}
{% set container = "container is-fluid" %}
{% endif %}
{% block content %}
@@ -39,3 +41,5 @@
{% include "partials/js_select.js" %}
</script>
{% endblock %}