hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge branch 'improve_settings_reusability' into shigusegubu-vue3

Browse source
This commit is contained in:
Henry Jameson 2023-05-08 22:06:23 +03:00
commit 2e2d2bd5b5
15 changed files with 327 additions and 369 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/components/media_upload/media_upload.vue
View file

@ -1,8 +1,7 @@
<template> <template>
<component <button
:is="normalButton ? 'button' : 'label'"
class="media-upload" class="media-upload"
:class="{ disabled: disabled, ['media-upload button-default btn']: normalButton }" :class="[normalButton ? 'button-default btn' : 'button-unstyled', { disabled }]"
:title="$t('tool_tip.media_upload')" :title="$t('tool_tip.media_upload')"
@click="onClick" @click="onClick"
> >
@ -31,7 +30,7 @@
:accept="acceptTypes" :accept="acceptTypes"
@change="change" @change="change"
> >
</component> </button>
</template> </template>
<script src="./media_upload.js"></script> <script src="./media_upload.js"></script>

3
src/components/popover/popover.js
View file

@ -45,6 +45,9 @@ const Popover = {
// Lets hover popover stay when clicking inside of it // Lets hover popover stay when clicking inside of it
stayOnClick: Boolean, stayOnClick: Boolean,
// Use styled button (to avoid nested buttons)
normalButton: Boolean,
triggerAttrs: { triggerAttrs: {
type: Object, type: Object,
default: {} default: {}

3
src/components/popover/popover.vue
View file

@ -5,7 +5,8 @@
> >
<button <button
ref="trigger" ref="trigger"
class="button-unstyled popover-trigger-button" class="popover-trigger-button"
:class="normalButton ? 'button-default btn' : 'button-unstyled'"
type="button" type="button"
v-bind="triggerAttrs" v-bind="triggerAttrs"
@click="onClick" @click="onClick"

22
src/components/settings_modal/admin_tabs/frontends_tab.vue
View file

@ -11,21 +11,19 @@
<h3>{{ $t('admin_dash.frontend.default_frontend') }}</h3> <h3>{{ $t('admin_dash.frontend.default_frontend') }}</h3>
<p>{{ $t('admin_dash.frontend.default_frontend_tip') }}</p> <p>{{ $t('admin_dash.frontend.default_frontend_tip') }}</p>
<p>{{ $t('admin_dash.frontend.default_frontend_tip2') }}</p> <p>{{ $t('admin_dash.frontend.default_frontend_tip2') }}</p>
<ul class="setting-list">
<li>
<StringSetting path=":pleroma.:frontends.:primary.name" />
</li> </li>
<li> <li>
<StringSetting path=":pleroma.:frontends.:primary.name"> <StringSetting path=":pleroma.:frontends.:primary.ref" />
NAME
</StringSetting>
</li>
<li>
<StringSetting path=":pleroma.:frontends.:primary.ref">
REF
</StringSetting>
</li> </li>
<li> <li>
<GroupSetting path=":pleroma.:frontends.:primary" /> <GroupSetting path=":pleroma.:frontends.:primary" />
</li> </li>
</ul> </ul>
</li>
</ul>
<div class="setting-list"> <div class="setting-list">
<h3>{{ $t('admin_dash.frontend.available_frontends') }}</h3> <h3>{{ $t('admin_dash.frontend.available_frontends') }}</h3>
<ul class="cards-list"> <ul class="cards-list">
@ -81,7 +79,6 @@
<button <button
class="button button-default btn" class="button button-default btn"
type="button" type="button"
:title="$t('admin_dash.frontend.update')"
@click="update(frontend)" @click="update(frontend)"
> >
{{ {{
@ -116,7 +113,7 @@
<button <button
class="button button-default btn dropdown-button" class="button button-default btn dropdown-button"
type="button" type="button"
:title="$t('admin_dash.frontend.update')" :title="$t('admin_dash.frontend.more_install_options')"
> >
<FAIcon icon="chevron-down" /> <FAIcon icon="chevron-down" />
</button> </button>
@ -124,7 +121,7 @@
</Popover> </Popover>
</span> </span>
<span <span
v-if="frontend.name !== 'admin-fe'" v-if="frontend.installed && frontend.name !== 'admin-fe'"
class="btn-group" class="btn-group"
> >
<button <button
@ -134,7 +131,6 @@
adminDraft[':pleroma'][':frontends'][':primary'].name === frontend.name && adminDraft[':pleroma'][':frontends'][':primary'].name === frontend.name &&
adminDraft[':pleroma'][':frontends'][':primary'].ref === frontend.refs[0] adminDraft[':pleroma'][':frontends'][':primary'].ref === frontend.refs[0]
" "
:title="$t('admin_dash.frontend.update')"
@click="setDefault(frontend)" @click="setDefault(frontend)"
> >
{{ {{
@ -168,7 +164,7 @@
<button <button
class="button button-default btn dropdown-button" class="button button-default btn dropdown-button"
type="button" type="button"
:title="$t('admin_dash.frontend.update')" :title="$t('admin_dash.frontend.more_default_options')"
> >
<FAIcon icon="chevron-down" /> <FAIcon icon="chevron-down" />
</button> </button>

150
src/components/settings_modal/admin_tabs/instance_tab.vue
View file

@ -4,34 +4,22 @@
<h2>{{ $t('admin_dash.instance.instance') }}</h2> <h2>{{ $t('admin_dash.instance.instance') }}</h2>
<ul class="setting-list"> <ul class="setting-list">
<li> <li>
<StringSetting path=":pleroma.:instance.:name"> <StringSetting path=":pleroma.:instance.:name" />
NAME
</StringSetting>
</li> </li>
<li> <li>
<StringSetting path=":pleroma.:instance.:email"> <StringSetting path=":pleroma.:instance.:email" />
ADMIN EMAIL
</StringSetting>
</li> </li>
<li> <li>
<StringSetting path=":pleroma.:instance.:description"> <StringSetting path=":pleroma.:instance.:description" />
DESCRIPTION
</StringSetting>
</li> </li>
<li> <li>
<StringSetting path=":pleroma.:instance.:short_description"> <StringSetting path=":pleroma.:instance.:short_description" />
SHORT DESCRIPTION
</StringSetting>
</li> </li>
<li> <li>
<AttachmentSetting path=":pleroma.:instance.:instance_thumbnail"> <AttachmentSetting path=":pleroma.:instance.:instance_thumbnail" />
INSTANCE THUMBNAIL
</AttachmentSetting>
</li> </li>
<li> <li>
<AttachmentSetting path=":pleroma.:instance.:background_image"> <AttachmentSetting path=":pleroma.:instance.:background_image" />
BACKGROUND IMAGE
</AttachmentSetting>
</li> </li>
</ul> </ul>
</div> </div>
@ -39,53 +27,39 @@
<h2>{{ $t('admin_dash.instance.registrations') }}</h2> <h2>{{ $t('admin_dash.instance.registrations') }}</h2>
<ul class="setting-list"> <ul class="setting-list">
<li> <li>
<BooleanSetting path=":pleroma.:instance.:registrations_open"> <BooleanSetting path=":pleroma.:instance.:registrations_open" />
REGISTRATIONS OPEN
</BooleanSetting>
<ul class="setting-list suboptions"> <ul class="setting-list suboptions">
<li> <li>
<BooleanSetting <BooleanSetting
path=":pleroma.:instance.:invites_enabled" path=":pleroma.:instance.:invites_enabled"
parent-path=":pleroma.:instance.:registrations_open" parent-path=":pleroma.:instance.:registrations_open"
parent-invert parent-invert
> />
INVITES ENABLED
</BooleanSetting>
</li> </li>
</ul> </ul>
</li> </li>
<li> <li>
<BooleanSetting path=":pleroma.:instance.:birthday_required"> <BooleanSetting path=":pleroma.:instance.:birthday_required" />
BDEY REQUIRED
</BooleanSetting>
<ul class="setting-list suboptions"> <ul class="setting-list suboptions">
<li> <li>
<IntegerSetting <IntegerSetting
path=":pleroma.:instance.:birthday_min_age" path=":pleroma.:instance.:birthday_min_age"
parent-path=":pleroma.:instance.:birthday_required" parent-path=":pleroma.:instance.:birthday_required"
> />
BDEY age of consent
</IntegerSetting>
</li> </li>
</ul> </ul>
</li> </li>
<li> <li>
<BooleanSetting path=":pleroma.:instance.:account_activation_required"> <BooleanSetting path=":pleroma.:instance.:account_activation_required" />
ACTIVATION REQUIRED
</BooleanSetting>
</li> </li>
<li> <li>
<BooleanSetting path=":pleroma.:instance.:account_approval_required"> <BooleanSetting path=":pleroma.:instance.:account_approval_required" />
APPROVAL REQUIRED
</BooleanSetting>
</li> </li>
<li> <li>
<h3>{{ $t('admin_dash.instance.captcha_header') }}</h3> <h3>{{ $t('admin_dash.instance.captcha_header') }}</h3>
</li> <ul class="setting-list">
<li> <li>
<BooleanSetting :path="[':pleroma', 'Pleroma.Captcha', ':enabled']"> <BooleanSetting :path="[':pleroma', 'Pleroma.Captcha', ':enabled']" />
CAPTCHA
</BooleanSetting>
<ul class="setting-list suboptions"> <ul class="setting-list suboptions">
<li> <li>
<ChoiceSetting <ChoiceSetting
@ -95,26 +69,23 @@
'Pleroma.Captcha.Native': $t('admin_dash.captcha.native'), 'Pleroma.Captcha.Native': $t('admin_dash.captcha.native'),
'Pleroma.Captcha.Kocaptcha': $t('admin_dash.captcha.kocaptcha') 'Pleroma.Captcha.Kocaptcha': $t('admin_dash.captcha.kocaptcha')
}" }"
> />
CAPTCHA TYPE
</ChoiceSetting>
<IntegerSetting <IntegerSetting
:path="[':pleroma', 'Pleroma.Captcha', ':seconds_valid']" :path="[':pleroma', 'Pleroma.Captcha', ':seconds_valid']"
:parent-path="[':pleroma', 'Pleroma.Captcha', ':enabled']" :parent-path="[':pleroma', 'Pleroma.Captcha', ':enabled']"
> />
VALID
</IntegerSetting>
</li> </li>
</ul> <li
<ul
v-if="adminDraft[':pleroma']['Pleroma.Captcha'][':enabled'] && adminDraft[':pleroma']['Pleroma.Captcha'][':method'] === 'Pleroma.Captcha.Kocaptcha'" v-if="adminDraft[':pleroma']['Pleroma.Captcha'][':enabled'] && adminDraft[':pleroma']['Pleroma.Captcha'][':method'] === 'Pleroma.Captcha.Kocaptcha'"
class="setting-list suboptions"
> >
<h4>{{ $t('admin_dash.instance.kocaptcha') }}</h4> <h4>{{ $t('admin_dash.instance.kocaptcha') }}</h4>
<ul class="setting-list">
<li> <li>
<StringSetting :path="[':pleroma', 'Pleroma.Captcha.Kocaptcha', ':endpoint']"> <StringSetting :path="[':pleroma', 'Pleroma.Captcha.Kocaptcha', ':endpoint']" />
cockAPTCHA ENDPOINT </li>
</StringSetting> </ul>
</li>
</ul>
</li> </li>
</ul> </ul>
</li> </li>
@ -124,30 +95,35 @@
<h2>{{ $t('admin_dash.instance.access') }}</h2> <h2>{{ $t('admin_dash.instance.access') }}</h2>
<ul class="setting-list"> <ul class="setting-list">
<li> <li>
<BooleanSetting path=":pleroma.:instance.:public"> <BooleanSetting
PUBLIC override-backend-description
</BooleanSetting> override-backend-description-label
path=":pleroma.:instance.:public"
/>
</li>
<li>
<ChoiceSetting
override-backend-description
override-backend-description-label
path=":pleroma.:instance.:limit_to_local_content"
/>
</li> </li>
<li> <li>
<h3>{{ $t('admin_dash.instance.restrict.header') }}</h3> <h3>{{ $t('admin_dash.instance.restrict.header') }}</h3>
</li> <p>
<li> {{ $t('admin_dash.instance.restrict.description') }}
<ChoiceSetting path=":pleroma.:instance.:limit_to_local_content"> </p>
SEARCH RESTRICTION <ul class="setting-list">
</ChoiceSetting>
</li>
<li> <li>
<h4>{{ $t('admin_dash.instance.restrict.timelines') }}</h4> <h4>{{ $t('admin_dash.instance.restrict.timelines') }}</h4>
</li> <ul class="setting-list">
<li> <li>
<BooleanSetting <BooleanSetting
path=":pleroma.:restrict_unauthenticated.:timelines.:local" path=":pleroma.:restrict_unauthenticated.:timelines.:local"
indeterminate-state=":if_instance_is_private" indeterminate-state=":if_instance_is_private"
swap-description-and-label swap-description-and-label
hide-description hide-description
> />
LOCAL TIMELINES
</BooleanSetting>
</li> </li>
<li> <li>
<BooleanSetting <BooleanSetting
@ -155,27 +131,23 @@
indeterminate-state=":if_instance_is_private" indeterminate-state=":if_instance_is_private"
swap-description-and-label swap-description-and-label
hide-description hide-description
> />
FED TIMELINES
</BooleanSetting>
</li> </li>
<li> <li>
<GroupSetting path=":pleroma.:restrict_unauthenticated.:timelines"> <GroupSetting path=":pleroma.:restrict_unauthenticated.:timelines" />
TIMELINES </li>
</GroupSetting> </ul>
</li> </li>
<li> <li>
<h4>{{ $t('admin_dash.instance.restrict.profiles') }}</h4> <h4>{{ $t('admin_dash.instance.restrict.profiles') }}</h4>
</li> <ul class="setting-list">
<li> <li>
<BooleanSetting <BooleanSetting
path=":pleroma.:restrict_unauthenticated.:profiles.:local" path=":pleroma.:restrict_unauthenticated.:profiles.:local"
indeterminate-state=":if_instance_is_private" indeterminate-state=":if_instance_is_private"
swap-description-and-label swap-description-and-label
hide-description hide-description
> />
LOCAL PROFILES
</BooleanSetting>
</li> </li>
<li> <li>
<BooleanSetting <BooleanSetting
@ -183,27 +155,23 @@
indeterminate-state=":if_instance_is_private" indeterminate-state=":if_instance_is_private"
swap-description-and-label swap-description-and-label
hide-description hide-description
> />
FED PROFILES
</BooleanSetting>
</li> </li>
<li> <li>
<GroupSetting path=":pleroma.:restrict_unauthenticated.:profiles"> <GroupSetting path=":pleroma.:restrict_unauthenticated.:profiles" />
PROFILES </li>
</GroupSetting> </ul>
</li> </li>
<li> <li>
<h4>{{ $t('admin_dash.instance.restrict.activities') }}</h4> <h4>{{ $t('admin_dash.instance.restrict.activities') }}</h4>
</li> <ul class="setting-list">
<li> <li>
<BooleanSetting <BooleanSetting
path=":pleroma.:restrict_unauthenticated.:activities.:local" path=":pleroma.:restrict_unauthenticated.:activities.:local"
indeterminate-state=":if_instance_is_private" indeterminate-state=":if_instance_is_private"
swap-description-and-label swap-description-and-label
hide-description hide-description
> />
LOCAL STATUSES
</BooleanSetting>
</li> </li>
<li> <li>
<BooleanSetting <BooleanSetting
@ -211,14 +179,14 @@
indeterminate-state=":if_instance_is_private" indeterminate-state=":if_instance_is_private"
swap-description-and-label swap-description-and-label
hide-description hide-description
> />
FED STATUSES
</BooleanSetting>
</li> </li>
<li> <li>
<GroupSetting path=":pleroma.:restrict_unauthenticated.:activities"> <GroupSetting path=":pleroma.:restrict_unauthenticated.:activities" />
STATUSES </li>
</GroupSetting> </ul>
</li>
</ul>
</li> </li>
</ul> </ul>
</div> </div>

76
src/components/settings_modal/admin_tabs/limits_tab.vue
View file

@ -5,15 +5,13 @@
<ul class="setting-list"> <ul class="setting-list">
<li> <li>
<h3>{{ $t('admin_dash.limits.posts') }}</h3> <h3>{{ $t('admin_dash.limits.posts') }}</h3>
</li> <ul class="setting-list">
<li> <li>
<IntegerSetting <IntegerSetting
source="admin" source="admin"
path=":pleroma.:instance.:limit" path=":pleroma.:instance.:limit"
draft-mode draft-mode
> />
POST LIMIT
</IntegerSetting>
</li> </li>
<li> <li>
<IntegerSetting <IntegerSetting
@ -21,81 +19,69 @@
path=":pleroma.:instance.:remote_limit" path=":pleroma.:instance.:remote_limit"
expert="1" expert="1"
draft-mode draft-mode
> />
POST LIMIT (remote) </li>
</IntegerSetting> </ul>
</li> </li>
<li> <li>
<h3>{{ $t('admin_dash.limits.uploads') }}</h3> <h3>{{ $t('admin_dash.limits.uploads') }}</h3>
</li> <ul class="setting-list">
<li> <li>
<IntegerSetting <IntegerSetting
source="admin" source="admin"
path=":pleroma.:instance.:description_limit" path=":pleroma.:instance.:description_limit"
draft-mode draft-mode
> />
IMAGE DESCRIPTION LIMIT
</IntegerSetting>
</li> </li>
<li> <li>
<IntegerSetting <IntegerSetting
source="admin" source="admin"
path=":pleroma.:instance.:upload_limit" path=":pleroma.:instance.:upload_limit"
draft-mode draft-mode
> />
UPLOAD LIMIT KiB
</IntegerSetting>
</li> </li>
<li> <li>
<IntegerSetting <IntegerSetting
source="admin" source="admin"
path=":pleroma.:instance.:max_media_attachments" path=":pleroma.:instance.:max_media_attachments"
draft-mode draft-mode
> />
MAX ATTACHMENTS </li>
</IntegerSetting> </ul>
</li> </li>
<li> <li>
<h3>{{ $t('admin_dash.limits.users') }}</h3> <h3>{{ $t('admin_dash.limits.users') }}</h3>
</li> <ul class="setting-list">
<li> <li>
<IntegerSetting <IntegerSetting
source="admin" source="admin"
path=":pleroma.:instance.:max_pinned_statuses" path=":pleroma.:instance.:max_pinned_statuses"
draft-mode draft-mode
> />
MAX PINNED POSTS
</IntegerSetting>
</li> </li>
<li> <li>
<IntegerSetting <IntegerSetting
source="admin" source="admin"
path=":pleroma.:instance.:user_bio_length" path=":pleroma.:instance.:user_bio_length"
draft-mode draft-mode
> />
BIO LENGTH
</IntegerSetting>
</li> </li>
<li> <li>
<IntegerSetting <IntegerSetting
source="admin" source="admin"
path=":pleroma.:instance.:user_name_length" path=":pleroma.:instance.:user_name_length"
draft-mode draft-mode
> />
NAME LENGTH
</IntegerSetting>
</li> </li>
<li> <li>
<h4>{{ $t('admin_dash.limits.profile_fields') }}</h4> <h4>{{ $t('admin_dash.limits.profile_fields') }}</h4>
</li> <ul class="setting-list">
<li> <li>
<IntegerSetting <IntegerSetting
source="admin" source="admin"
path=":pleroma.:instance.:max_account_fields" path=":pleroma.:instance.:max_account_fields"
draft-mode draft-mode
> />
MAX ACCOUNT FIELDS
</IntegerSetting>
</li> </li>
<li> <li>
<IntegerSetting <IntegerSetting
@ -103,48 +89,44 @@
path=":pleroma.:instance.:max_remote_account_fields" path=":pleroma.:instance.:max_remote_account_fields"
draft-mode draft-mode
expert="1" expert="1"
> />
MAX ACCOUNT FIELDS (remote)
</IntegerSetting>
</li> </li>
<li> <li>
<IntegerSetting <IntegerSetting
source="admin" source="admin"
path=":pleroma.:instance.:account_field_name_length" path=":pleroma.:instance.:account_field_name_length"
draft-mode draft-mode
> />
MAX ACCOUNT FIELD NAME
</IntegerSetting>
</li> </li>
<li> <li>
<IntegerSetting <IntegerSetting
source="admin" source="admin"
path=":pleroma.:instance.:account_field_value_length" path=":pleroma.:instance.:account_field_value_length"
draft-mode draft-mode
> />
MAX ACCOUNT VALUE NAME </li>
</IntegerSetting> </ul>
</li> </li>
<li> <li>
<h4>{{ $t('admin_dash.limits.user_uploads') }}</h4> <h4>{{ $t('admin_dash.limits.user_uploads') }}</h4>
</li> <ul class="setting-list">
<li> <li>
<IntegerSetting <IntegerSetting
source="admin" source="admin"
path=":pleroma.:instance.:avatar_upload_limit" path=":pleroma.:instance.:avatar_upload_limit"
draft-mode draft-mode
> />
MAX AVATAR SIZE KiB
</IntegerSetting>
</li> </li>
<li> <li>
<IntegerSetting <IntegerSetting
source="admin" source="admin"
path=":pleroma.:instance.:banner_upload_limit" path=":pleroma.:instance.:banner_upload_limit"
draft-mode draft-mode
> />
MAX BANNER SIZE KiB </li>
</IntegerSetting> </ul>
</li>
</ul>
</li> </li>
</ul> </ul>
</div> </div>

5
src/components/settings_modal/helpers/attachment_setting.vue
View file

@ -10,9 +10,10 @@
<template v-if="backendDescriptionLabel"> <template v-if="backendDescriptionLabel">
{{ backendDescriptionLabel + ' ' }} {{ backendDescriptionLabel + ' ' }}
</template> </template>
<template v-else> <template v-else-if="source === 'admin'">
<slot /> MISSING LABEL FOR {{ path }}
</template> </template>
<slot v-else />
</label> </label>
<p <p

16
src/components/settings_modal/helpers/boolean_setting.vue
View file

@ -10,16 +10,16 @@
@update:modelValue="update" @update:modelValue="update"
> >
<span <span
v-if="!!$slots.default"
class="label" class="label"
:class="{ 'faint': shouldBeDisabled }" :class="{ 'faint': shouldBeDisabled }"
> >
<template v-if="backendDescriptionLabel"> <template v-if="backendDescriptionLabel">
{{ backendDescriptionLabel }} {{ backendDescriptionLabel }}
</template> </template>
<template v-else> <template v-else-if="source === 'admin'">
<slot /> MISSING LABEL FOR {{ path }}
</template> </template>
<slot v-else />
</span> </span>
</Checkbox> </Checkbox>
<ModifiedIndicator <ModifiedIndicator
@ -35,6 +35,16 @@
> >
{{ backendDescriptionDescription + ' ' }} {{ backendDescriptionDescription + ' ' }}
</p> </p>
<!-- debugging -->
<!--
<p
v-else
class="setting-description"
:class="{ 'faint': shouldBeDisabled }"
>
MISSING DESCRIPTION FOR {{ path }}
</p>
-->
</label> </label>
</template> </template>

34
src/components/settings_modal/helpers/draft_buttons.vue
View file

@ -7,18 +7,12 @@
<Popover <Popover
v-if="$parent.isDirty" v-if="$parent.isDirty"
trigger="hover" trigger="hover"
normal-button
@click="$parent.commitDraft"
:trigger-attrs="{ 'aria-label': $t('settings.commit_value_tooltip') }" :trigger-attrs="{ 'aria-label': $t('settings.commit_value_tooltip') }"
> >
<template #trigger> <template #trigger>
&nbsp;
<button
class="button button-default btn"
type="button"
:title="$t('settings.commit_value')"
@click="$parent.commitDraft"
>
{{ $t('settings.commit_value') }} {{ $t('settings.commit_value') }}
</button>
</template> </template>
<template #content> <template #content>
<div class="modified-tooltip"> <div class="modified-tooltip">
@ -29,18 +23,12 @@
<Popover <Popover
v-if="$parent.isDirty" v-if="$parent.isDirty"
trigger="hover" trigger="hover"
normal-button
:trigger-attrs="{ 'aria-label': $t('settings.reset_value_tooltip') }" :trigger-attrs="{ 'aria-label': $t('settings.reset_value_tooltip') }"
>
<template #trigger>
&nbsp;
<button
class="button button-default btn"
type="button"
:title="$t('settings.reset_value')"
@click="$parent.reset" @click="$parent.reset"
> >
<template #trigger>
{{ $t('settings.reset_value') }} {{ $t('settings.reset_value') }}
</button>
</template> </template>
<template #content> <template #content>
<div class="modified-tooltip"> <div class="modified-tooltip">
@ -51,18 +39,12 @@
<Popover <Popover
v-if="$parent.canHardReset" v-if="$parent.canHardReset"
trigger="hover" trigger="hover"
normal-button
@click="$parent.hardReset"
:trigger-attrs="{ 'aria-label': $t('settings.hard_reset_value_tooltip') }" :trigger-attrs="{ 'aria-label': $t('settings.hard_reset_value_tooltip') }"
> >
<template #trigger> <template #trigger>
&nbsp;
<button
class="button button-default btn"
type="button"
:title="$t('settings.hard_reset_value')"
@click="$parent.hardReset"
>
{{ $t('settings.hard_reset_value') }} {{ $t('settings.hard_reset_value') }}
</button>
</template> </template>
<template #content> <template #content>
<div class="modified-tooltip"> <div class="modified-tooltip">
@ -92,6 +74,10 @@ export default {
.DraftButtons { .DraftButtons {
display: inline-block; display: inline-block;
position: relative; position: relative;
.button-default {
margin-left: 0.5em;
}
} }
.draft-tooltip { .draft-tooltip {

5
src/components/settings_modal/helpers/number_setting.vue
View file

@ -10,9 +10,10 @@
<template v-if="backendDescriptionLabel"> <template v-if="backendDescriptionLabel">
{{ backendDescriptionLabel + ' ' }} {{ backendDescriptionLabel + ' ' }}
</template> </template>
<template v-else> <template v-else-if="source === 'admin'">
<slot /> MISSING LABEL FOR {{ path }}
</template> </template>
<slot v-else />
</label> </label>
<input <input
:id="path" :id="path"

7
src/components/settings_modal/helpers/size_setting.vue
View file

@ -45,6 +45,11 @@
<script src="./size_setting.js"></script> <script src="./size_setting.js"></script>
<style lang="scss"> <style lang="scss">
.SizeSetting {
.number-input {
max-width: 6.5em;
}
.css-unit-input, .css-unit-input,
.css-unit-input select { .css-unit-input select {
margin-left: 0.5em; margin-left: 0.5em;
@ -52,4 +57,6 @@
max-width: 4em; max-width: 4em;
min-width: 4em; min-width: 4em;
} }
}
</style> </style>

5
src/components/settings_modal/helpers/string_setting.vue
View file

@ -10,9 +10,10 @@
<template v-if="backendDescriptionLabel"> <template v-if="backendDescriptionLabel">
{{ backendDescriptionLabel + ' ' }} {{ backendDescriptionLabel + ' ' }}
</template> </template>
<template v-else> <template v-else-if="source === 'admin'">
<slot /> MISSING LABEL FOR {{ path }}
</template> </template>
<slot v-else />
</label> </label>
<input <input
:id="path" :id="path"

4
src/components/settings_modal/settings_modal_admin_content.scss
View file

@ -48,9 +48,5 @@
color: var(--cRed, $fallback--cRed); color: var(--cRed, $fallback--cRed);
color: $fallback--cRed; color: $fallback--cRed;
} }
.number-input {
max-width: 6em;
}
} }
} }

4
src/components/settings_modal/settings_modal_user_content.scss
View file

@ -48,9 +48,5 @@
color: var(--cRed, $fallback--cRed); color: var(--cRed, $fallback--cRed);
color: $fallback--cRed; color: $fallback--cRed;
} }
.number-input {
max-width: 6em;
}
} }
} }

13
src/i18n/en.json
View file

@ -869,7 +869,8 @@
"kocaptcha": "KoCaptcha settings", "kocaptcha": "KoCaptcha settings",
"access": "Instance access", "access": "Instance access",
"restrict": { "restrict": {
"header": "Restrict access", "header": "Restrict access for anonymous visitors",
"description": "Detailed setting for allowing/disallowing access to certain aspects of API. By default (indeterminate state) it will disallow if instance is not public, ticked checkbox means disallow access even if instance is public, unticked means allow access even if instance is private. Please note that unexpected behavior might happen if some settings are set, i.e. if profile access is disabled posts will show without profile information.",
"timelines": "Timelines access", "timelines": "Timelines access",
"profiles": "User profiles access", "profiles": "User profiles access",
"activities": "Statues/activities access" "activities": "Statues/activities access"
@ -892,6 +893,8 @@
"is_default_custom": "(Default, version: {version})", "is_default_custom": "(Default, version: {version})",
"install": "Install", "install": "Install",
"install_version": "Install version {version}", "install_version": "Install version {version}",
"more_install_options": "More install options",
"more_default_options": "More default setting options",
"set_default": "Set default", "set_default": "Set default",
"set_default_version": "Set version {version} as default", "set_default_version": "Set version {version} as default",
"wip_notice": "Please note that this section is a WIP and lacks certain features as backend implementation of front-end management is incomplete.", "wip_notice": "Please note that this section is a WIP and lacks certain features as backend implementation of front-end management is incomplete.",
@ -903,6 +906,14 @@
"temp_overrides": { "temp_overrides": {
":pleroma": { ":pleroma": {
":instance": { ":instance": {
":public": {
"label": "Instance is public",
"description": "Disabling this will make all API accessible only for logged-in users, this will make Public and Federated timelines inaccessible to anonymous visitors."
},
":limit_to_local_content": {
"label": "Limit search to local content",
"description": "Disables global network search for unauthenticated (default), all users or none"
},
":description_limit": { ":description_limit": {
"label": "Limit", "label": "Limit",
"description": "Character limit for attachment descriptions" "description": "Character limit for attachment descriptions"