dev-ui.zeebe.components.zeebe-incident-details-dialog.js Maven / Gradle / Ivy

Go to download
import { LitElement, html } from 'lit';
import { dialogRenderer, dialogFooterRenderer } from '@vaadin/dialog/lit.js';
import './zeebe-table.js';

export class ZeebeIncidentDetailsDialog extends LitElement {

    static properties = {
        _opened: { state: true },
        context: {},
        _item: { state: true },
    }

    connectedCallback() {
        super.connectedCallback();
        this._opened = false;
        this._item = null
    }

    open(item) {
        this._item = item;
        this._opened = true;
    }

    render() {
        return html`
             {this._opened = e.detail.value;}}
                           ${dialogRenderer(() => this._render(), [this._item])}
                           ${dialogFooterRenderer(this._footer, [])}
            >
                        
        `;
    }

    _responsiveSteps = [
        { minWidth: 0, columns: 1 },
        { minWidth: '500px', columns: 2 },
    ];

    _render() {
        return html`
            
                
                    
                    
                    
                    
                    
                    
                    
                    
                
            
        `;
    }

    _footer = () => html`
        Close
    `;

    _close() {
        this._opened = false
    }

}

customElements.define('zeebe-incident-details-dialog', ZeebeIncidentDetailsDialog);