Create two sections in appearance

Branding and External Links
This commit is contained in:
Girish Ramakrishnan
2025-09-18 18:41:56 +02:00
parent 6e19a7e862
commit aaed5a47d7
2 changed files with 19 additions and 7 deletions

View File

@@ -64,7 +64,7 @@ async function onFooterSave(newFooter) {
const applinkDialog = useTemplateRef('applinkDialog');
function onAddDashboardLink() {
function onAddExternalLink() {
applinkDialog.value.open();
}
@@ -108,14 +108,16 @@ onMounted(async () => {
<SettingsItem>
<EditableField :label="$t('branding.footer.title')" helpUrl="https://docs.cloudron.io/branding/#footer" multiline :saving="savingFooter" :value="footer" :disabled="!features.branding" @save="onFooterSave"/>
</SettingsItem>
</Section>
<Section :title="$t('dashboard.title')">
<SettingsItem>
<FormGroup>
<label>Dashboard Links</label>
<div>Links to other domains and services can be added to the dashboard</div>
<label>{{ $t('externallinks.label') }}</label>
<div>{{ $t('externallinks.description') }}</div>
</FormGroup>
<div style="display: flex; position: relative; align-items: center">
<Button tool plain @click="onAddDashboardLink()" :disabled="!features.branding">Add Link</Button>
<Button tool plain @click="onAddExternalLink()" :disabled="!features.branding">{{ $t('main.action.add') }}</Button>
</div>
</SettingsItem>
</Section>