# Translate App

Displays Translate App dialog

Opens app `don't delete this App` (id: 9163528), bundle `don't delete this bundle apps` (id: 9293212), `don't delete this App (without plugins)` (id: 9342601)

```html preview
<xena-button id="AppTranslationBtn">Open app</xena-button>
<xena-button id="BundleAppTranslationBtn">Open bundle app</xena-button>
<xena-button id="AppWithoutPluginTranslationBtn">Open app without plugins</xena-button>
<script>
    document.getElementById('AppTranslationBtn').addEventListener('click', () => openDialog(9163528, 'false'));
    document.getElementById('BundleAppTranslationBtn').addEventListener('click', () => openDialog(9293212, 'true'));
    document.getElementById('AppWithoutPluginTranslationBtn').addEventListener('click', () => openDialog(9342601, 'false'));

    const openDialog = (appId,isBundle)  => {
        const dialog = document.createElement('xwc-translate-app');
        dialog.appId = appId;
        dialog.isBundle = isBundle;
        document.querySelector('body').appendChild(dialog);
    }
</script>
```