ddp/photoassistant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

put title on progress bars so on hover you get the details, useful when you have 1 of 10000 on a slow job

Browse Source
This commit is contained in:
Damien De Paoli
2021-09-14 17:06:47 +10:00
parent 532c6997c5
commit 6e96c83d9e
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
templates/joblog.html
View File

@@ -32,7 +32,7 @@
{% if job.num_files and job.num_files > 0 %} {% if job.num_files and job.num_files > 0 %}
<dd class="col-10"> <dd class="col-10">
{% set prog=(job.current_file_num/job.num_files*100)|round|int %} {% set prog=(job.current_file_num/job.num_files*100)|round|int %}
<div class="progress my-auto h-100"> <div title="{{job.current_file_num}} of {{job.num_files}} - {{prog}}%" class="progress my-auto h-100">
<div class="progress-bar bg-info" role="progressbar" style="width: {{prog}}%;" aria-valuenow="{{prog}}" aria-valuemin="0" aria-valuemax="100">{{job.current_file_num}} of {{job.num_files}} - {{prog}}%</div> <div class="progress-bar bg-info" role="progressbar" style="width: {{prog}}%;" aria-valuenow="{{prog}}" aria-valuemin="0" aria-valuemax="100">{{job.current_file_num}} of {{job.num_files}} - {{prog}}%</div>
</div> </div>
</dd> </dd>

2
templates/jobs.html
View File

@@ -32,7 +32,7 @@
{% set prog=(job.current_file_num/job.num_files*100)|round|int %} {% set prog=(job.current_file_num/job.num_files*100)|round|int %}
row +=` row +=`
<div class="progress"> <div class="progress">
<div class="progress-bar bg-info" role="progressbar" style="width: {{prog}}%;" aria-valuenow="{{prog}}" aria-valuemin="0" aria-valuemax="100"> <div title="{{job.current_file_num}} of {{job.num_files}} - {{prog}}%" class="progress-bar bg-info" role="progressbar" style="width: {{prog}}%;" aria-valuenow="{{prog}}" aria-valuemin="0" aria-valuemax="100">
{{job.current_file_num}} of {{job.num_files}} - {{prog}}% {{job.current_file_num}} of {{job.num_files}} - {{prog}}%
</div> </div>
</div> </div>