| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111 |
- div(class="admin-settings")
- div(class="admin-settings__header")
- h1(class="admin-settings__title") Настройки бренда и домена
- p(class="admin-settings__subtitle") Управление логотипом, названием компании и контактной информацией
-
- div(class="admin-settings__content")
- div(class="admin-settings__tabs")
- button(
- v-for="tab in tabs"
- :key="tab.id"
- @click="activeTab = tab.id"
- :class="getTabClass(tab)"
- ) {{ tab.name }}
-
- div(class="admin-settings__tab-content")
- // Вкладка бренда
- div(v-if="activeTab === 'brand'" class="admin-settings__brand")
- div(class="admin-settings__section")
- h2(class="admin-settings__section-title") Настройки бренда
- p(class="admin-settings__section-description") Управление логотипом и визуальным представлением компании
-
- div(class="admin-settings__form")
- div(class="admin-settings__form-group")
- label(class="admin-settings__label") Логотип компании
- div(class="admin-settings__logo-upload")
- div(v-if="brandSettings.logo" class="admin-settings__logo-preview")
- img(:src="brandSettings.logo" :alt="brandSettings.companyName" class="admin-settings__logo-image")
- button(
- @click="removeLogo"
- class="admin-settings__btn admin-settings__btn--danger"
- ) Удалить
- div(v-else class="admin-settings__logo-placeholder") Логотип не загружен
-
- div(class="admin-settings__upload-controls")
- input(
- type="file"
- ref="logoInput"
- @change="onLogoUpload"
- accept="image/*"
- class="admin-settings__file-input"
- id="logo-upload"
- )
- label(for="logo-upload" class="admin-settings__btn admin-settings__btn--secondary") Выбрать файл
- p(class="admin-settings__help-text") Рекомендуемый размер: 200x60px. Форматы: PNG, JPG, SVG
-
- div(class="admin-settings__form-group")
- label(class="admin-settings__label") Название компании
- input(
- v-model="brandSettings.companyName"
- type="text"
- class="admin-settings__input"
- placeholder="Введите название компании"
- )
-
- div(class="admin-settings__form-group")
- label(class="admin-settings__label") Описание компании
- textarea(
- v-model="brandSettings.description"
- class="admin-settings__textarea"
- placeholder="Краткое описание компании для футера"
- rows="3"
- )
-
- div(class="admin-settings__form-group")
- label(class="admin-settings__label") Email для связи
- input(
- v-model="brandSettings.email"
- type="email"
- class="admin-settings__input"
- placeholder="info@example.com"
- )
-
- div(class="admin-settings__form-group")
- label(class="admin-settings__label") Телефон
- input(
- v-model="brandSettings.phone"
- type="tel"
- class="admin-settings__input"
- placeholder="+7 (999) 999-99-99"
- )
-
- button(
- @click="saveBrandSettings"
- class="admin-settings__btn admin-settings__btn--primary"
- ) Сохранить настройки бренда
-
- // Вкладка фавиконов
- div(v-if="activeTab === 'favicon'" class="admin-settings__favicon")
- div(class="admin-settings__section")
- h2(class="admin-settings__section-title") Фавикон и иконки
- p(class="admin-settings__section-description") Управление иконками для браузера и мобильных устройств
-
- div(class="admin-settings__form")
- div(class="admin-settings__form-group")
- label(class="admin-settings__label") Фавикон (16x16px)
- div(class="admin-settings__favicon-upload")
- div(v-if="brandSettings.favicon" class="admin-settings__favicon-preview")
- img(:src="brandSettings.favicon" alt="Favicon" class="admin-settings__favicon-image")
- button(
- @click="removeFavicon"
- class="admin-settings__btn admin-settings__btn--danger"
- ) Удалить
- div(v-else class="admin-settings__favicon-placeholder") Фавикон не загружен
-
- input(
- type="file"
- @change="onFaviconUpload"
- accept="image/*"
- class="admin-settings__file-input"
- )
- p(class="admin-settings__help-text") Рекомендуемый размер: 16x16px или 32x32px. Формат: ICO или PNG
|
