Merge pull request kitodo#6310 from effective-webwork/3-8-progress-bar

[3.8] Show progress bar on task manager page
effective-webwork · Dec 7, 2024 · a14ab6d · a14ab6d
2 parents caeaf27 + 12340d9
commit a14ab6d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/Kitodo/src/main/webapp/WEB-INF/resources/css/pattern-library.css b/Kitodo/src/main/webapp/WEB-INF/resources/css/pattern-library.css
@@ -1216,6 +1216,9 @@ tr.ui-expanded-row-content:hover .ui-datatable tbody {
     color: var(--carbon-blue) !important;
 }
 
+.ui-progressbar-determinate .ui-progressbar-label {
+    line-height: initial;
+}
 
 .ui-picklist-caption {
     border-bottom: 1px solid var(--carbon-blue) !important;

diff --git a/Kitodo/src/main/webapp/WEB-INF/templates/includes/system/taskmanager.xhtml b/Kitodo/src/main/webapp/WEB-INF/templates/includes/system/taskmanager.xhtml
@@ -24,8 +24,9 @@
             <p:column headerText="#{msgs.title}">
                 <h:outputText value="#{item.name}"/>
             </p:column>
-            <p:column headerText="#{msgs.progress}">
-                <h:outputText value="#{item.progress}%"/>
+            <p:column headerText="#{msgs.progress}" width="200">
+                <p:progressBar value="#{item.progress}"
+                               labelTemplate="{value}%"/>
             </p:column>
             <p:column headerText="#{msgs.status}">
                 <h:outputText value="#{item.stateDescription}"/>