diff options
Diffstat (limited to 'apps/theming/src/AdminTheming.vue')
| -rw-r--r-- | apps/theming/src/AdminTheming.vue | 31 |
1 files changed, 21 insertions, 10 deletions
diff --git a/apps/theming/src/AdminTheming.vue b/apps/theming/src/AdminTheming.vue index 4b1877ccf7d..bb26dcc0f30 100644 --- a/apps/theming/src/AdminTheming.vue +++ b/apps/theming/src/AdminTheming.vue @@ -24,36 +24,46 @@ <section> <NcSettingsSection :title="t('theming', 'Theming')" :description="t('theming', 'Theming makes it possible to easily customize the look and feel of your instance and supported clients. This will be visible for all users.')" - :doc-url="docUrl"> + :doc-url="docUrl" + data-admin-theming-settings> <div class="admin-theming"> <NcNoteCard v-if="!isThemable" type="error" :show-alert="true"> <p>{{ notThemableErrorMessage }}</p> </NcNoteCard> + + <!-- Name, web link, slogan... fields --> <TextField v-for="field in textFields" :key="field.name" - :name="field.name" - :value.sync="field.value" + :data-admin-theming-setting-field="field.name" :default-value="field.defaultValue" - :type="field.type" :display-name="field.displayName" - :placeholder="field.placeholder" :maxlength="field.maxlength" + :name="field.name" + :placeholder="field.placeholder" + :type="field.type" + :value.sync="field.value" @update:theming="$emit('update:theming')" /> + + <!-- Primary color picker --> <ColorPickerField :name="colorPickerField.name" - :value.sync="colorPickerField.value" :default-value="colorPickerField.defaultValue" :display-name="colorPickerField.displayName" + :value.sync="colorPickerField.value" + data-admin-theming-setting-primary-color @update:theming="$emit('update:theming')" /> + + <!-- Default background picker --> <FileInputField v-for="field in fileInputFields" :key="field.name" - :name="field.name" - :mime-name="field.mimeName" - :mime-value.sync="field.mimeValue" + :aria-label="field.ariaLabel" :default-mime-value="field.defaultMimeValue" :display-name="field.displayName" - :aria-label="field.ariaLabel" + :mime-name="field.mimeName" + :mime-value.sync="field.mimeValue" + :name="field.name" + data-admin-theming-setting-background @update:theming="$emit('update:theming')" /> <div class="admin-theming__preview"> <div class="admin-theming__preview-logo" /> @@ -87,6 +97,7 @@ :display-name="userThemingField.displayName" :label="userThemingField.label" :description="userThemingField.description" + data-admin-theming-setting-disable-user-theming @update:theming="$emit('update:theming')" /> <a v-if="!canThemeIcons" :href="docUrlIcons" |