97 行
2.1 KiB
Vue
97 行
2.1 KiB
Vue
<template>
|
|
<span
|
|
v-if="matchesExpertLevel"
|
|
class="AttachmentSetting"
|
|
>
|
|
<label
|
|
:for="path"
|
|
:class="{ 'faint': shouldBeDisabled }"
|
|
>
|
|
<template v-if="backendDescriptionLabel">
|
|
{{ backendDescriptionLabel + ' ' }}
|
|
</template>
|
|
<template v-else-if="source === 'admin'">
|
|
MISSING LABEL FOR {{ path }}
|
|
</template>
|
|
<slot v-else />
|
|
|
|
</label>
|
|
<p
|
|
v-if="backendDescriptionDescription"
|
|
class="setting-description"
|
|
:class="{ 'faint': shouldBeDisabled }"
|
|
>
|
|
{{ backendDescriptionDescription + ' ' }}
|
|
</p>
|
|
<div class="attachment-input">
|
|
<div>{{ $t('settings.url') }}</div>
|
|
<div class="controls">
|
|
<input
|
|
:id="path"
|
|
class="string-input"
|
|
:disabled="shouldBeDisabled"
|
|
:value="realDraftMode ? draft : state"
|
|
@change="update"
|
|
>
|
|
{{ ' ' }}
|
|
<ModifiedIndicator
|
|
:changed="isChanged"
|
|
:onclick="reset"
|
|
/>
|
|
<ProfileSettingIndicator :is-profile="isProfileSetting" />
|
|
</div>
|
|
<div>{{ $t('settings.preview') }}</div>
|
|
<Attachment
|
|
class="attachment"
|
|
:compact="compact"
|
|
:attachment="attachment"
|
|
size="small"
|
|
hide-description
|
|
@setMedia="onMedia"
|
|
@naturalSizeLoad="onNaturalSizeLoad"
|
|
/>
|
|
<div class="controls">
|
|
<MediaUpload
|
|
ref="mediaUpload"
|
|
class="media-upload-icon"
|
|
:drop-files="dropFiles"
|
|
normal-button
|
|
:accept-types="acceptTypes"
|
|
@uploaded="setMediaFile"
|
|
@upload-failed="uploadFailed"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<DraftButtons />
|
|
</span>
|
|
</template>
|
|
|
|
<script src="./attachment_setting.js"></script>
|
|
|
|
<style lang="scss">
|
|
.AttachmentSetting {
|
|
.attachment {
|
|
display: block;
|
|
width: 100%;
|
|
height: 15em;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
.attachment-input {
|
|
margin-left: 1em;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 20em;
|
|
}
|
|
|
|
.controls {
|
|
margin-bottom: 0.5em;
|
|
|
|
input,
|
|
button {
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
</style>
|