djsundog/ffplayout
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

integrate rename function, fix #8

Browse Source
This commit is contained in:
jb-alvarado 2020-05-12 21:33:34 +02:00
parent bd4b354f86
commit 2b120807b0
2 changed files with 86 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
ffplayout/apps/api_player/views.py
View File

@ -264,3 +264,20 @@ class FileOperations(APIView):
Response(status=500)
else:
return Response(status=404)
def patch(self, request, *args, **kwargs):
if 'path' in request.data and 'oldname' in request.data \
and 'newname' in request.data:
root = read_yaml()['storage']['path']
old_name = request.data['oldname']
new_name = request.data['newname']
_path = os.path.join(
*(request.data['path'].split(os.path.sep)[2:]))
old_file = os.path.join(root, _path, old_name)
new_file = os.path.join(root, _path, new_name)
os.rename(old_file, new_file)
return Response(status=200)
else:
return Response(status=204)

72
ffplayout/frontend/pages/media.vue
View File

@ -82,15 +82,20 @@
{{ file.file }}
</b-col>
<b-col cols="1" class="browser-play-col">
<b-link @click="showPreviewModal(`/${folderTree.tree[0]}/${file.file}`)">
<b-link title="Preview" @click="showPreviewModal(`/${folderTree.tree[0]}/${file.file}`)">
<b-icon-play-fill />
</b-link>
</b-col>
<b-col cols="1" class="browser-dur-col">
<span class="duration">{{ file.duration | toMin }}</span>
</b-col>
<b-col cols="1" class="text-center">
<b-link @click="showDeleteModal('File', `/${folderTree.tree[0]}/${file.file}`)">
<b-col cols="1" class="small-col">
<b-link title="Rename File" @click="showRenameModal(`/${folderTree.tree[0]}/`, file.file)">
<b-icon-pencil-square />
</b-link>
</b-col>
<b-col cols="1" class="small-col">
<b-link title="Delete File" @click="showDeleteModal('File', `/${folderTree.tree[0]}/${file.file}`)">
<b-icon-x-circle-fill />
</b-link>
</b-col>
@ -206,6 +211,29 @@
</b-row>
</b-form>
</b-modal>
<b-modal id="rename-modal" title="Rename File" centered hide-footer>
<b-form @submit="renameFile">
<b-form-group
id="input-group-1"
label-for="input-1"
>
<b-form-input
id="input-1"
v-model="renameNewName"
type="text"
placeholder=""
/>
</b-form-group>
<div class="media-button">
<b-button type="submit" variant="primary">
Rename
</b-button>
<b-button variant="primary" @click="cancelRename()">
Cancel
</b-button>
</div>
</b-form>
</b-modal>
<b-modal id="delete-modal" :title="`Delete ${deleteType}`" centered hide-footer>
<p>
Are you sure that you want to delete:<br>
@ -247,6 +275,9 @@ export default {
previewComp: null,
previewName: '',
previewSource: '',
renamePath: '',
renameOldName: '',
renameNewName: '',
deleteType: 'File',
deleteSource: '',
isImage: false,
@ -426,6 +457,37 @@ export default {
this.$root.$emit('bv::show::modal', 'preview-modal')
},
showRenameModal (path, file) {
this.renamePath = path
this.renameOldName = file
this.renameNewName = file
this.$root.$emit('bv::show::modal', 'rename-modal')
},
async renameFile (evt) {
evt.preventDefault()
await this.$store.dispatch('auth/inspectToken')
await this.$axios.patch(
'api/player/media/op/',
{ path: this.renamePath.replace(/^\/\//g, '/'), oldname: this.renameOldName, newname: this.renameNewName }
)
this.getPath(this.extensions, this.lastPath)
this.renamePath = ''
this.renameOldName = ''
this.renameNewName = ''
this.$root.$emit('bv::hide::modal', 'rename-modal')
},
cancelRename () {
this.renamePath = ''
this.renameOldName = ''
this.renameNewName = ''
this.$root.$emit('bv::hide::modal', 'rename-modal')
},
showDeleteModal (type, src) {
this.deleteSource = src
@ -546,6 +608,10 @@ export default {
height: 100%;
}
.small-col {
max-width: 50px;
}
.files-list {
width: 99.5%;
height: 100%;