[pbs-devel] [PATCH proxmox-backup 3/4] ui: remote edit: Error as symbol to the right

[Dominic Jäger]

On error, a symbol appears to the right of the textfield.
Then every error message appears there.

This way users can
1. Hover over the error symbol to read the error message
2. Hover over the label or the field to see the regular tooltip

So this avoids the problem, that the error message hides the regular tooltip
when users hover over the textfield.

Signed-off-by: Dominic Jäger <d.jaeger at proxmox.com>
---
 www/window/RemoteEdit.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/www/window/RemoteEdit.js b/www/window/RemoteEdit.js
index 391b10bc..7fb3a952 100644
--- a/www/window/RemoteEdit.js
+++ b/www/window/RemoteEdit.js
@@ -40,6 +40,7 @@ Ext.define('PBS.window.RemoteEdit', {
 		cbind: {
 		    editable: '{isCreate}',
 		},
+		msgTarget: 'side',
 		autoEl: {
 		    tag: 'div',
 		    'data-qtip': gettext('A unique name to identify this remote.'),
@@ -53,6 +54,7 @@ Ext.define('PBS.window.RemoteEdit', {
 		submitValue: false,
 		vtype: 'HostPort',
 		fieldLabel: gettext('Host'),
+		msgTarget: 'side',
 		autoEl: {
 		    tag: 'div',
 		    'data-qtip': gettext('The DNS or IP address of the remote, optionally with a port.'),
@@ -104,6 +106,7 @@ Ext.define('PBS.window.RemoteEdit', {
 		afterLabelTextTpl: " *",
 		name: 'auth-id',
 		fieldLabel: gettext('Auth ID'),
+		msgTarget: 'side',
 		autoEl: {
 		    tag: 'div',
 		    'data-qtip': gettext('For example: admin at pbs.'),
@@ -114,6 +117,7 @@ Ext.define('PBS.window.RemoteEdit', {
 		inputType: 'password',
 		fieldLabel: gettext('Password'),
 		name: 'password',
+		msgTarget: 'side',
 		cbind: {
 		    emptyText: '{passwordEmptyText}',
 		    allowBlank: '{!isCreate}',
-- 
2.20.1