Merge pull request #47846 from phillip-kruger/devui-flyway-2

Dev UI Flyway: add toolip to disabled clear button

Author: phillip-kruger

extensions/flyway/deployment/src/main/resources/dev-ui/qwc-flyway-datasources.js

@@ -6,6 +6,7 @@ import '@vaadin/text-field';
 import '@vaadin/text-area';
 import '@vaadin/form-layout';
 import '@vaadin/progress-bar';
+import '@vaadin/tooltip';
 import '@vaadin/checkbox';
 import '@vaadin/grid';
 import 'qui-alert';
@@ -22,9 +23,6 @@ export class QwcFlywayDatasources extends QwcHotReloadElement {
     static styles = css`
         .button {
             cursor: pointer;
-        }
-        .clearIcon {
-            color: var(--lumo-warning-text-color);
         }`;
 
     static properties = {
@@ -87,18 +85,18 @@ export class QwcFlywayDatasources extends QwcHotReloadElement {
 
     _renderMigrationButtons(ds) {
         if(ds.hasMigrations){
-            return html`${this._renderCleanButton(ds)}
+            let colorvar = this._cleanDisabled ? '--lumo-disabled-text-color' : '--lumo-warning-text-color';
+            return html`<div id=${ds.name} style="display: inline-block;">
+                <vaadin-button theme="small" @click=${() => this._clean(ds)} class="button" ?disabled=${this._cleanDisabled}>
+                    <vaadin-icon style="color: var(${colorvar});" icon="font-awesome-solid:broom"></vaadin-icon> Clean
+                </vaadin-button></div>
                 <vaadin-button theme="small" @click=${() => this._migrate(ds)} class="button">
                     <vaadin-icon icon="font-awesome-solid:arrow-right-arrow-left"></vaadin-icon> Migrate
-                </vaadin-button>`;
-        }
-    }
-    
-    _renderCleanButton(ds){
-        if(!this._cleanDisabled) {
-            return html`<vaadin-button theme="small" @click=${() => this._clean(ds)} class="button">
-                    <vaadin-icon class="clearIcon" icon="font-awesome-solid:broom"></vaadin-icon> Clean
-                </vaadin-button>`;
+                </vaadin-button>
+                ${this._cleanDisabled
+                    ? html`<vaadin-tooltip for="${ds.name}" text="Flyway clean has been disabled via quarkus.flyway.clean-disabled=true"></vaadin-tooltip>`
+                    : null}
+                `;
         }
     }