UA-Fediland/pixelfed
2
0
Fork 0
mirror of https://github.com/pixelfed/pixelfed.git synced 2024-11-26 08:13:16 +00:00
Code Issues Projects Releases Packages Wiki Activity

Update ComposeModal

Browse source
This commit is contained in:
Daniel Supernault 2019-06-03 13:24:48 -06:00
parent 1fbcbe6412
commit f55963af6c
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7
1 changed files with 42 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,5 +1,16 @@
<template> <template>
<div> <div>
<div v-if="!composeType">
<div class="card">
<div class="card-body">
<button type="button" class="btn btn-primary btn-block font-weight-bold" @click="composeType = 'post'">Compose Post</button>
<hr>
<!-- <button type="button" class="btn btn-outline-secondary btn-block font-weight-bold" @click="composeType = 'story'">Add Story</button> -->
<button type="button" class="btn btn-outline-secondary btn-block font-weight-bold" @click="composeType = 'loop'">Create Loop</button>
</div>
</div>
</div>
<div v-if="composeType == 'post'">
<input type="file" name="media" class="d-none file-input" multiple="" v-bind:accept="config.uploader.media_types"> <input type="file" name="media" class="d-none file-input" multiple="" v-bind:accept="config.uploader.media_types">
<div class="timeline"> <div class="timeline">
<div class="card status-card card-md-rounded-0"> <div class="card status-card card-md-rounded-0">
@ -198,6 +209,30 @@
</div> </div>
</div> </div>
</div> </div>
<div v-if="composeType == 'loop'">
<div class="card">
<div class="card-body">
<button type="button" class="btn btn-primary btn-block font-weight-bold" @click="composeType = 'post'">Upload Loop</button>
<hr>
<button type="button" class="btn btn-outline-secondary btn-block font-weight-bold" @click="composeType = ''">Back</button>
<!-- <button type="button" class="btn btn-outline-secondary btn-block font-weight-bold">Import from Coub</button>
<button type="button" class="btn btn-outline-secondary btn-block font-weight-bold">Import from Vine</button>
<button type="button" class="btn btn-outline-secondary btn-block font-weight-bold">Import from YouTube</button> -->
</div>
</div>
</div>
<div v-if="composeType == 'story'">
<div class="card">
<div class="card-body">
<button type="button" class="btn btn-primary btn-block font-weight-bold" @click="composeType = 'post'">Add to Story</button>
<hr>
<button type="button" class="btn btn-outline-primary btn-block font-weight-bold" @click="composeType = 'post'">New Story</button>
<hr>
<button type="button" class="btn btn-outline-secondary btn-block font-weight-bold" @click="composeType = ''">Back</button>
</div>
</div>
</div>
</div>
</template> </template>
<style type="text/css" scoped> <style type="text/css" scoped>
@ -239,7 +274,8 @@ export default {
mediaDrawer: false, mediaDrawer: false,
composeState: 'publish', composeState: 'publish',
uploading: false, uploading: false,
uploadProgress: 0 uploadProgress: 0,
composeType: false
} }
}, },
@ -293,6 +329,7 @@ export default {
['Willow','filter-willow'], ['Willow','filter-willow'],
['X-Pro II','filter-xpro-ii'] ['X-Pro II','filter-xpro-ii']
]; ];
}, },
methods: { methods: {
@ -300,6 +337,9 @@ export default {
fetchConfig() { fetchConfig() {
axios.get('/api/v2/config').then(res => { axios.get('/api/v2/config').then(res => {
this.config = res.data; this.config = res.data;
if(this.config.uploader.media_types.includes('video/mp4') == false) {
this.composeType = 'post'
}
}); });
}, },
@ -485,6 +525,7 @@ export default {
}, },
closeModal() { closeModal() {
this.composeType = '';
$('#composeModal').modal('hide'); $('#composeModal').modal('hide');
} }
} }