render()

in extensions/jasypt/deployment/src/main/resources/dev-ui/qwc-camel-jasypt-utils.js [62:107]


    render() {
        let results;
        if (this._result.length > 0) {
            results = html`
                <div>
                    <p class="result-heading">${this._action}ed result:</p>
                    <p><code id="result">${this._result}</code></p>
                    <vaadin-button 
                            @click="${(e) => this._copyToClipboard(e, 'Copy')}"
                            theme="small">
                        <vaadin-icon icon="font-awesome-solid:clipboard"></vaadin-icon>
                        Copy
                    </vaadin-button>
                </div>
            `;
        }

        return html`
            <div class="container">
                <p>A Camel Jasypt utility to encrypt or decrypt a configuration property value.</p>
                <p>Jasypt is configured from <code>quarkus.camel.jasypt</code> properties in <code>application.properties</code>. Refer to the Camel Quarkus Jasypt extension documentation for details.</p>
                <div>
                    <vaadin-select
                            label="Jasypt Action"
                            .items="${this._actions}"
                            .value="${this._actions[0].value}"
                            @value-changed="${(e) => this._selectAction(e.target.value)}" />
                </div>
                <div>
                    <vaadin-text-field
                            style="width: 50%;"
                            label="Property value to encrypt / decrypt"
                            .value="${this._text}"
                            @value-changed="${(e) => this._textChanged(e)}" />
                </div>
                <div>
                    <vaadin-button 
                            @click="${this._doAction}"
                            ?disabled="${this._text.trim().length === 0}">
                        Submit
                    </vaadin-button>
                </div>
                ${results}
            </div>
        `;
    }