lethdat
43702e8bf7
- Changed fill attributes in Upload, Video, VideoPlayIcon, hard-drive, and shield-user icons to use CSS variables for better theming. - Removed index.ts file from icons directory as it was no longer needed. - Updated AppButton component to support new icon sizes. - Modified AdsVastTable to use icon buttons with updated filled icons. - Replaced inline SVGs with icon components in NotificationSettings, SecurityAccountStatusRow, SecurityChangePasswordRow, SecurityEmailRow, SecurityLanguageRow, SecurityLogoutRow, and SecurityTelegramRow for consistency and maintainability. - Added new CSS variables for fill colors in uno.config.ts.
63 lines
1.9 KiB
Vue
63 lines
1.9 KiB
Vue
<script setup lang="ts">
|
|
import LanguageIcon from '@/components/icons/LanguageIcon.vue';
|
|
import AppButton from '@/components/ui/AppButton.vue';
|
|
import SettingsRow from '@/routes/settings/components/SettingsRow.vue';
|
|
import { useTranslation } from 'i18next-vue';
|
|
|
|
defineProps<{
|
|
selectedLanguage: string;
|
|
languageOptions: Array<{ value: string; label: string }>;
|
|
languageSaving: boolean;
|
|
}>();
|
|
|
|
const emit = defineEmits<{
|
|
(e: 'update:selectedLanguage', value: string): void;
|
|
(e: 'save'): void;
|
|
}>();
|
|
|
|
const { t } = useTranslation();
|
|
|
|
const updateSelectedLanguage = (event: Event) => {
|
|
emit('update:selectedLanguage', (event.target as HTMLSelectElement).value);
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<SettingsRow
|
|
:title="t('settings.securityConnected.language.label')"
|
|
:description="t('settings.securityConnected.language.detail')"
|
|
actionsClass="flex items-center gap-2"
|
|
iconBoxClass="bg-primary/10"
|
|
>
|
|
<template #icon>
|
|
<LanguageIcon class="h-6 w-6" filled />
|
|
</template>
|
|
|
|
<template #actions>
|
|
<select
|
|
:value="selectedLanguage"
|
|
:disabled="languageSaving"
|
|
class="rounded-md border border-border bg-header px-3 py-2 text-sm text-foreground disabled:opacity-60"
|
|
@change="updateSelectedLanguage"
|
|
>
|
|
<option
|
|
v-for="option in languageOptions"
|
|
:key="option.value"
|
|
:value="option.value"
|
|
>
|
|
{{ option.label }}
|
|
</option>
|
|
</select>
|
|
<AppButton
|
|
size="sm"
|
|
variant="secondary"
|
|
:loading="languageSaving"
|
|
:disabled="languageSaving"
|
|
@click="emit('save')"
|
|
>
|
|
{{ t('settings.securityConnected.language.save') }}
|
|
</AppButton>
|
|
</template>
|
|
</SettingsRow>
|
|
</template>
|