spacedeck-open/views/partials/modal/folder-settings.html

44 lines
1.6 KiB
HTML

<div class="modal" v-if="active_modal == 'folder-settings'" v-cloak>
<div class="modal-wrapper">
<div class="modal-dialog top">
<div class="modal-content">
<div class="modal-header no-p">
<button type="button" class="btn btn-icon btn-light btn-round close" v-on:click="close_modal()">
<span class="icon icon-cross-1"></span>
</button>
<h4 class="modal-title">[[__("folder_settings")]]</h4>
</div>
<div class="modal-body">
<div class="modal-section">
<div class="form-group">
<label class="label">[[__("title")]]</label>
<input type="text" class="input" v-model="active_folder.name">
</div>
<div style="margin:auto;background-size:cover;background-position:50% 50%;border-radius:10px;margin-bottom:10px;width:200px;height:100px;background-image:url({{active_folder.avatar_thumb_uri}})" v-if="active_folder.avatar_thumb_uri">
</div>
<div class="progress state-processing" v-if="uploading_folder_avatar">
<div class="spinner"></div>
</div>
<div class="form-group text-center">
<label class="file btn btn-sm btn-round btn-stroke-darken">
<input type="file" id="file" v-on:change="save_folder_avatar_image(this);">
<span>[[__("upload_cover_image")]]</span>
</label>
</div>
</div>
<div class="modal-section">
<h4 class="modal-title" style="padding-top:0px">[[__("access_caption")]]</h4>
</div>
</div>
</div>
</div>
</div>
</div>