Show progress bar on task manager page

kitodo · Nov 19, 2024 · 12340d9 · 12340d9
1 parent 79d8f87
commit 12340d9
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}"/>