ui for proxy auth settings

This commit is contained in:
Igor Serebryany 2023-10-05 16:12:48 -07:00
parent bfe514b7d4
commit eae72ed29a
No known key found for this signature in database
GPG key ID: 0AF607692FD9EB24
3 changed files with 56 additions and 1 deletions

View file

@ -51,6 +51,54 @@
<ui-dropdown v-model="newServerSettings.metadataFileFormat" small :items="metadataFileFormats" label="Metadata File Format" @input="updateMetadataFileFormat" :disabled="updatingServerSettings" />
</div>
<div class="pt-4">
<h2 class="font-semibold">{{ $strings.HeaderSettingsProxyAuth }}</h2>
</div>
<div class="flex items-end py-2">
<ui-toggle-switch labeledBy="settings-enable-proxy-auth" v-model="newServerSettings.proxyAuthEnabled" :disabled="updatingServerSettings" @input="(val) => updateSettingsKey('proxyAuthEnabled', val)" />
<ui-tooltip :text="$strings.LabelSettingsEnableProxyAuthHelp">
<p class="pl-4">
<span id="settings-enable-proxy-auth">{{ $strings.LabelSettingsEnableProxyAuth }}</span>
<span class="material-icons icon-text">info_outlined</span>
</p>
</ui-tooltip>
</div>
<div class="flex-grow py-2" v-if="newServerSettings.proxyAuthEnabled">
<div class="flex items-center">
<label for="settings-proxy-auth-user-header" class="text-sm font-semibold px-1">
{{ $strings.LabelSettingsProxyAuthUsernameHeader }}
</label>
<ui-tooltip :text="$strings.LabelSettingsProxyAuthUsernameHeaderHelp">
<span class="material-icons icon-text">info_outlined</span>
</ui-tooltip>
</div>
<div class="relative w-full max-w-52">
<ui-text-input inputId="settings-proxy-auth-user-header" :disabled="updatingServerSettings" v-model="newServerSettings.proxyAuthUsernameHeader" @change="(val) => updateSettingsKey('proxyAuthUsernameHeader', val)" />
</div>
<p class="text-xs ml-1 text-white text-opacity-60">{{ $strings.LabelExample }}: X-Authentik-Username</p>
</div>
<div class="flex-grow py-2" v-if="newServerSettings.proxyAuthEnabled">
<div class="flex items-center">
<label for="settings-proxy-auth-email-header" class="text-sm font-semibold px-1">
{{ $strings.LabelSettingsProxyAuthEmailHeader }}
</label>
<ui-tooltip :text="$strings.LabelSettingsProxyAuthEmailHeaderHelp">
<span class="material-icons icon-text">info_outlined</span>
</ui-tooltip>
</div>
<div class="relative w-full max-w-52">
<ui-text-input inputId="settings-proxy-auth-email-header" :disabled="updatingServerSettings" v-model="newServerSettings.proxyAuthEmailHeader" @change="(val) => updateSettingsKey('proxyAuthEmailHeader', val)" />
</div>
<p class="text-xs ml-1 text-white text-opacity-60">{{ $strings.LabelExample }}: X-Authentik-Email</p>
</div>
<div class="pt-4">
<h2 class="font-semibold">{{ $strings.HeaderSettingsDisplay }}</h2>
</div>