Skip to content

P
Platform
Unverified Commit 5d4fba7d authored by Nicolas Widart's avatar Nicolas Widart
Browse files
Options

Prepend error message before the dropzone area

parent 409ffc75
Hide whitespace changes
Inline Side-by-side
Showing with 78 additions and 66 deletions
Modules/Media/Assets/js/init-dropzone.js
View file @ 5d4fba7d
......@@ -24,7 +24,7 @@ $( document ).ready(function() {
} else {
html = '<div class="alert alert-danger" role="alert">' + errorMessage + '</div>';
}
$('.col-md-12').first().prepend(html);
$('.dropzone').first().parent().prepend(html);
setTimeout(function() {
myDropzone.removeFile(file);
}, 2000);
......
public/modules/media/js/components/MediaForm.vue
View file @ 5d4fba7d
<style>
.el-select{
display: block;
}
</style>
<template>
<div>
<div class="content-header">
......@@ -163,3 +158,8 @@
}
}
</script>
<style>
.el-select{
display: block;
}
</style>
public/modules/media/js/components/MediaList.vue
View file @ 5d4fba7d
......@@ -23,13 +23,13 @@
<div class="actions el-col el-col-14">
<new-folder :parent-id="folderId"></new-folder>
<upload-button :parent-id="folderId"></upload-button>
<el-button-group>
<el-button-group v-if="false">
<el-button type="primary" :disabled="selectedMedia.length === 0">Move</el-button>
<el-button type="danger" :disabled="selectedMedia.length === 0"
@click.preent="batchDelete" :loading="filesAreDeleting">
Delete
</el-button>
</el-button-group>
<el-button type="danger" :disabled="selectedMedia.length === 0"
@click.preent="batchDelete" :loading="filesAreDeleting">
Delete
</el-button>
</div>
<div class="search el-col el-col-5">
<el-input icon="search" @change="performSearch" v-model="searchQuery">
......@@ -72,7 +72,10 @@
<strong v-if="scope.row.is_folder" style="cursor: pointer;" @click="enterFolder(scope)">
{{ scope.row.filename }}
</strong>
<span v-else>{{ scope.row.filename }}</span>
<span v-else>
<a href="#"
@click.prevent="goToEdit(scope)">{{ scope.row.filename }}</a>
</span>
</template>
</el-table-column>
<el-table-column prop="created_at" :label="trans('core.table.created at')" sortable="custom"
......@@ -80,20 +83,27 @@
</el-table-column>
<el-table-column prop="actions" label="" width="150">
<template scope="scope">
<a class="btn btn-primary btn-flat" @click.prevent="insertMedia(scope)"
v-if="singleModal && ! scope.row.is_folder">
{{ trans('media.insert') }}
</a>
<div v-if="! singleModal">
<a class="btn btn-default btn-flat" @click.prevent="loadEditForm(scope)"
v-if="! scope.row.is_folder"><i class="fa fa-pencil"></i></a>
<a @click.prevent="showEditFolder(scope.row)" class="btn btn-default btn-flat"
v-if="scope.row.is_folder">
<i class="fa fa-pencil"></i>
</a>
<delete-button :scope="scope" :rows="data"></delete-button>
<div class="pull-right">
<el-button
type="primary"
size="small"
@click.prevent="insertMedia(scope)"
v-if="singleModal && ! scope.row.is_folder">
{{ trans('media.insert') }}
</el-button>
<div v-if="! singleModal">
<el-button-group>
<edit-button :to="{name: 'admin.media.media.edit', params: {mediaId: scope.row.id}}"
v-if="! scope.row.is_folder"></edit-button>
<el-button
size="small"
@click.prevent="showEditFolder(scope.row)"
v-if="scope.row.is_folder && canEditFolders">
<i class="fa fa-pencil"></i>
</el-button>
<delete-button :scope="scope" :rows="data"></delete-button>
</el-button-group>
</div>
</div>
</template>
</el-table-column>
......@@ -153,6 +163,7 @@
{id: 0, name: 'Home'},
],
filesAreDeleting: false,
canEditFolders: true,
}
},
methods: {
......@@ -231,10 +242,6 @@
handleSelectionChange(selectedMedia) {
this.selectedMedia = selectedMedia;
},
loadEditForm(scope) {
console.log('clicked edit to' + scope.row.id);
this.$router.push({name: 'admin.media.media.edit', params: {mediaId: scope.row.id}})
},
showEditFolder(scope) {
this.$events.emit('editFolderWasClicked', scope);
},
......@@ -278,8 +285,14 @@
});
});
},
goToEdit(scope) {
this.$router.push({name: 'admin.media.media.edit', params: {mediaId: scope.row.id}})
},
},
mounted() {
if (window.AsgardCMS.filesystem === 's3') {
this.canEditFolders = false;
}
this.selectedMedia.length = 0;
this.fetchMediaData();
this.$events.listen('fileWasUploaded', eventData => {
......
public/modules/media/js/components/NewFolder.vue
View file @ 5d4fba7d
<style>
.new-folder {
float: left;
margin-right: 10px;
}
</style>
<template>
<div>
<el-button type="success" class="new-folder" @click="dialogFormVisible = true">
......@@ -77,3 +71,9 @@
}
}
</script>
<style>
.new-folder {
float: left;
margin-right: 10px;
}
</style>
public/modules/media/js/components/UploadButton.vue
View file @ 5d4fba7d
<style>
.el-upload__input {
display: none !important;
}
.el-upload--text {
display: block;
}
.el-upload-dragger {
width: 100%;
}
.media-upload {
margin-bottom: 10px;
}
</style>
<template>
<el-upload
class="upload-demo"
......@@ -79,3 +64,17 @@
}
}
</script>
<style>
.el-upload__input {
display: none !important;
}
.el-upload--text {
display: block;
}
.el-upload-dragger {
width: 100%;
}
.media-upload {
margin-bottom: 10px;
}
</style>
public/modules/media/js/components/UploadZone.vue
View file @ 5d4fba7d
<style>
.el-upload__input {
display: none !important;
}
.el-upload--text {
display: block;
}
.el-upload-dragger {
width: 100%;
}
.media-upload {
margin-bottom: 10px;
}
</style>
<template>
<div class="row">
<div class="col-xs-12">
......@@ -61,3 +47,17 @@
mounted() {}
}
</script>
<style>
.el-upload__input {
display: none !important;
}
.el-upload--text {
display: block;
}
.el-upload-dragger {
width: 100%;
}
.media-upload {
margin-bottom: 10px;
}
</style>
public/modules/media/js/init-dropzone.js
View file @ 5d4fba7d
......@@ -24,7 +24,7 @@ $( document ).ready(function() {
} else {
html = '<div class="alert alert-danger" role="alert">' + errorMessage + '</div>';
}
$('.col-md-12').first().prepend(html);
$('.dropzone').first().parent().prepend(html);
setTimeout(function() {
myDropzone.removeFile(file);
}, 2000);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Technounit-GROUP 2023