|
|
|
@ -20,6 +20,23 @@
|
|
|
|
|
{{ 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"
|
|
|
|
@ -30,27 +47,15 @@
|
|
|
|
|
@naturalSizeLoad="onNaturalSizeLoad"
|
|
|
|
|
/>
|
|
|
|
|
<div class="controls">
|
|
|
|
|
<media-upload
|
|
|
|
|
normal-button
|
|
|
|
|
<MediaUpload
|
|
|
|
|
ref="mediaUpload"
|
|
|
|
|
class="media-upload-icon"
|
|
|
|
|
:drop-files="dropFiles"
|
|
|
|
|
@uploaded="setMediaFile"
|
|
|
|
|
@upload-failed="uploadFailed"
|
|
|
|
|
normal-button
|
|
|
|
|
:accept-types="acceptTypes"
|
|
|
|
|
/>
|
|
|
|
|
<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>
|
|
|
|
|
<DraftButtons />
|
|
|
|
@ -63,8 +68,24 @@
|
|
|
|
|
.AttachmentSetting {
|
|
|
|
|
.attachment {
|
|
|
|
|
display: block;
|
|
|
|
|
width: 20em;
|
|
|
|
|
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>
|
|
|
|
|