58 lines
1.6 KiB
Vue
58 lines
1.6 KiB
Vue
<template>
|
|
<span
|
|
class="setting-item"
|
|
v-if="matchesExpertLevel"
|
|
>
|
|
<label
|
|
v-if="!hideLabel"
|
|
:for="path"
|
|
class="setting-label"
|
|
:class="{ 'faint': shouldBeDisabled }"
|
|
>
|
|
<ModifiedIndicator
|
|
:changed="isChanged"
|
|
:onclick="reset"
|
|
/>
|
|
<ProfileSettingIndicator :is-profile="isProfileSetting" />
|
|
{{ ' ' }}
|
|
<template v-if="backendDescriptionLabel">
|
|
{{ backendDescriptionLabel + ' ' }}
|
|
</template>
|
|
<template v-else-if="source === 'admin'">
|
|
MISSING LABEL FOR {{ path }}
|
|
</template>
|
|
<slot v-else />
|
|
</label>
|
|
<span class="setting-control">
|
|
<input
|
|
:id="path"
|
|
class="input string-input"
|
|
:class="{ disabled: shouldBeDisabled }"
|
|
:disabled="shouldBeDisabled"
|
|
:placeholder="backendDescriptionSuggestions?.[0]?.[0]"
|
|
:value="visibleState?.tuple?.[0]"
|
|
@change="e => update({ e, side: 0 })"
|
|
>
|
|
{{ ' ' }}
|
|
<input
|
|
:id="path"
|
|
class="input string-input"
|
|
:class="{ disabled: shouldBeDisabled }"
|
|
:disabled="shouldBeDisabled"
|
|
:placeholder="backendDescriptionSuggestions?.[0]?.[1]"
|
|
:value="visibleState?.tuple?.[1]"
|
|
@change="e => update({ e, side: 1 })"
|
|
>
|
|
</span>
|
|
<DraftButtons v-if="!hideDraftButtons" />
|
|
<p
|
|
v-if="backendDescriptionDescription"
|
|
class="setting-description"
|
|
:class="{ 'faint': shouldBeDisabled }"
|
|
>
|
|
{{ backendDescriptionDescription + ' ' }}
|
|
</p>
|
|
</span>
|
|
</template>
|
|
|
|
<script src="./tuple_setting.js"></script>
|