[pbs-devel] [PATCH pve-manager] ui: align spinner to the left, added label

[Gabriel Goller <g.goller@proxmox.com>]

Moved the spinner in the task and replication view to the left, so it is
aligned correctly with the 'OK' and 'Error: ...' text.
Removed 'x-grid-row-loading' class as it has been moved to the
`proxmox-widget-toolkit` repo.

Signed-off-by: Gabriel Goller <g.goller@proxmox.com>
---
 www/css/ext6-pve.css             | 6 ------
 www/manager6/dc/Tasks.js         | 3 ++-
 www/manager6/grid/Replication.js | 4 ++--
 3 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/www/css/ext6-pve.css b/www/css/ext6-pve.css
index edae462b..237500bb 100644
--- a/www/css/ext6-pve.css
+++ b/www/css/ext6-pve.css
@@ -78,12 +78,6 @@
     content: "\f115";
 }
 
-/* loading in task list */
-.x-grid-row-loading {
-    background: no-repeat center center;
-    background-image:url(../ext6/theme-crisp/resources/images/loadmask/loading.gif);
-}
-
 /* console icon in task list */
 .x-grid-row-console {
     background: no-repeat center center;
diff --git a/www/manager6/dc/Tasks.js b/www/manager6/dc/Tasks.js
index 5344ede4..1a35c183 100644
--- a/www/manager6/dc/Tasks.js
+++ b/www/manager6/dc/Tasks.js
@@ -120,7 +120,8 @@ Ext.define('PVE.dc.Tasks', {
 		    renderer: function(value, metaData, record) {
 			if (record.data.pid) {
 			    if (record.data.type !== "vncproxy") {
-				metaData.tdCls = "x-grid-row-loading";
+				metaData.tdCls = "x-grid-row-loading-left";
+				return `<img src="js/extjs/theme-crisp/resources/images/loadmask/loading.gif" />${gettext('Running')}`;
 			    }
 			    return "";
 			}
diff --git a/www/manager6/grid/Replication.js b/www/manager6/grid/Replication.js
index 30cd6718..29af4aa3 100644
--- a/www/manager6/grid/Replication.js
+++ b/www/manager6/grid/Replication.js
@@ -329,8 +329,8 @@ Ext.define('PVE.grid.ReplicaView', {
 		    flex: 1,
 		    renderer: function(value, metadata, record) {
 			if (record.data.pid) {
-			    metadata.tdCls = 'x-grid-row-loading';
-			    return '';
+			    metadata.tdCls = "x-grid-row-loading-left";
+			    return `<img src="js/extjs/theme-crisp/resources/images/loadmask/loading.gif" />${gettext('Running')}`;
 			}
 
 			let icons = [], states = [];
-- 
2.39.2