UA-Fediland/pixelfed
2
0
Fork 0
mirror of https://github.com/pixelfed/pixelfed.git synced 2024-11-14 02:24:31 +00:00
Code Issues Projects Releases Packages Wiki Activity

Update ComposeModal.vue

Browse source
This commit is contained in:
Daniel Supernault 2019-09-05 13:58:27 -06:00
parent e54a8cd385
commit 880a3db9b7
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7
1 changed files with 227 additions and 211 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
resources/assets/js/components/ComposeModal.vue
View file

@ -2,6 +2,15 @@
<div> <div>
<input type="file" id="pf-dz" name="media" class="w-100 h-100 d-none file-input" draggable="true" multiple="true" v-bind:accept="config.uploader.media_types"> <input type="file" id="pf-dz" name="media" class="w-100 h-100 d-none file-input" draggable="true" multiple="true" v-bind:accept="config.uploader.media_types">
<div class="timeline"> <div class="timeline">
<div v-if="uploading">
<div class="card status-card card-md-rounded-0 w-100 h-100 bg-light py-5" style="border-bottom: 1px solid #f1f1f1">
<div class="p-5 mt-2">
<b-progress :value="uploadProgress" :max="100" striped :animated="true"></b-progress>
<p class="text-center mb-0 font-weight-bold">Uploading ... ({{uploadProgress}}%)</p>
</div>
</div>
</div>
<div v-else>
<div class="card status-card card-md-rounded-0 w-100 h-100" style="display:flex;"> <div class="card status-card card-md-rounded-0 w-100 h-100" style="display:flex;">
<div class="card-header d-inline-flex align-items-center bg-white"> <div class="card-header d-inline-flex align-items-center bg-white">
<div> <div>
@ -234,6 +243,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
</template> </template>
@ -647,7 +657,13 @@ export default {
case 2: case 2:
this.pageLoading = true; this.pageLoading = true;
let self = this; let self = this;
this.$refs.cropper.getCroppedCanvas().toBlob(function(blob) { this.$refs.cropper.getCroppedCanvas({
maxWidth: 4096,
maxHeight: 4096,
fillColor: '#fff',
imageSmoothingEnabled: false,
imageSmoothingQuality: 'high',
}).toBlob(function(blob) {
let data = new FormData(); let data = new FormData();
data.append('file', blob); data.append('file', blob);
let url = '/api/local/compose/media/update/' + self.ids[self.carouselCursor]; let url = '/api/local/compose/media/update/' + self.ids[self.carouselCursor];