|
|
|
@ -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> |
|
|
|
|