Use InputGroup in app install dialog

This commit is contained in:
Johannes Zellner
2025-03-01 19:24:28 +01:00
parent 8aef6ebfbc
commit f3ac71ed3e
@@ -2,7 +2,7 @@
import { ref, computed, useTemplateRef, onMounted } from 'vue';
import { marked } from 'marked';
import { Button, Dialog, Dropdown, FormGroup, TextInput } from 'pankow';
import { Button, Dialog, Dropdown, FormGroup, TextInput, InputGroup } from 'pankow';
import { prettyDate, prettyFileSize } from 'pankow/utils';
import AccessControl from './AccessControl.vue';
import PortBindings from './PortBindings.vue';
@@ -181,10 +181,10 @@ defineExpose({
<FormGroup :class="{ 'has-error': formError.location }">
<label for="location">{{ $t('appstore.installDialog.location') }}</label>
<div>
<InputGroup>
<TextInput id="location" ref="locationInput" v-model="location" />
<Dropdown v-model="domain" :options="domains" option-label="domain" />
</div>
</InputGroup>
</FormGroup>
<p class="text-small text-warning" v-show="domain.provider === 'noop' || domain.provider === 'manual'" v-html="$t('appstore.installDialog.manualWarning', { location: ((location ? location + '.' : '') + domain.domain) })"></p>
@@ -192,10 +192,10 @@ defineExpose({
<FormGroup v-for="(port, key) in secondaryDomains" :key="key">
<label :for="'secondaryDomainInput' + key">{{ port.title }}</label>
<small>{{ port.description }}</small>
<div>
<InputGroup>
<TextInput :id="'secondaryDomainInput' + key" v-model="port.value" :placeholder="$t('appstore.installDialog.locationPlaceholder')"/>
<Dropdown v-model="port.domain" :options="domains" option-label="domain" option-key="domain" />
</div>
</InputGroup>
</FormGroup>
<FormGroup :class="{ 'has-error': formError.upstreamUri }" v-show="manifest.id === PROXY_APP_ID">