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

@@ -1,43 +1,57 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>{{ title }}</title> <title>{{ title }}</title>
{% if framework == "bootstrap" %} {% if framework == "bootstrap" %}
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" <link
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous"> href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css"
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css"> rel="stylesheet"
<style> integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ"
body { crossorigin="anonymous"
font-family: Courier; />
} <style>
#file-table tbody tr.selected td{ body {
background-color: #0dcaf0; font-family: Courier;
color:white; }
} #file-table tbody tr.selected td {
#report-table tbody tr.selected td{ background-color: #0dcaf0;
background-color: #0dcaf0; color: white;
color:white; }
} #report-table tbody tr.selected td {
background-color: #0dcaf0;
color: white;
}
</style> </style>
{% else %} {% else %}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.3/css/bulma.min.css"> <link
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css"> rel="stylesheet"
<style> href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.3/css/bulma.min.css"
body { />
font-family: Courier; <style>
} body {
font-family: Courier;
}
.tag { .tag {
cursor: pointer; cursor: pointer;
} }
</style> </style>
{% endif %} {% endif %}
</head> <link
<body> rel="stylesheet"
{% block content %} href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css"
{% endblock %} />
</body> <link
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> rel="stylesheet"
{% block jscript %} href="https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/7.1.96/css/materialdesignicons.css"
{% endblock %} integrity="sha512-lD1LHcZ8tFHvMFNeo6qOLY/HjzSPCasPJOAoir22byDxlZI1R71S5lZel8zRL2TZ+Dut1wOHfYgSU2lHXuL00w=="
</html> crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
</head>
<body>
{% block content %} {% endblock %}
</body>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
{% block jscript %} {% endblock %}
</html>

View File

@@ -80,7 +80,7 @@
</b></h7> </b></h7>
<h7>Number of files: {{ data.results | length }}</h7> <h7>Number of files: {{ data.results | length }}</h7>
<div> <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>
</div> </div>
</section> </section>

View File

@@ -86,7 +86,7 @@
</b></h2> </b></h2>
<h2>Number of files: {{ data.results | length }}</h2> <h2>Number of files: {{ data.results | length }}</h2>
<div> <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>
</div> </div>
</section> </section>

View File

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

View File

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