diff --git a/motorradig/.idea/workspace.xml b/motorradig/.idea/workspace.xml index ca5a915..1ddce01 100644 --- a/motorradig/.idea/workspace.xml +++ b/motorradig/.idea/workspace.xml @@ -2,15 +2,13 @@ - + + - - - - - + + @@ -292,11 +292,12 @@ - - + + + diff --git a/motorradig/app/Http/Controllers/FileController.php b/motorradig/app/Http/Controllers/FileController.php index 4fc56ce..1c9eba4 100644 --- a/motorradig/app/Http/Controllers/FileController.php +++ b/motorradig/app/Http/Controllers/FileController.php @@ -37,8 +37,10 @@ class FileController extends Controller ////////////////////// $thumbnailImage = Image::make($uploadedFile); $thumbnailImage->resize(128,128); + Log::info("ThumbDir: ".$thumbFolder); - mkdir($thumbFolder); + if (!is_dir($thumbFolder)) { mkdir($thumbFolder); } + $thumbnailImage->save($thumbFolder."/".$uploadedFile->getClientOriginalName()); ////////////////////// diff --git a/motorradig/public/js/app.js b/motorradig/public/js/app.js index fc730a7..f8f0854 100644 --- a/motorradig/public/js/app.js +++ b/motorradig/public/js/app.js @@ -2105,6 +2105,7 @@ __webpack_require__.r(__webpack_exports__); var folder = res.data.folders[i].folder_name; var file = res.data.folders[i].file_name; console.log('http://localhost:8000/upload/images/' + folder + "/" + file); + console.log('http://localhost:8000/upload/images/' + folder + "/thumbnail/" + file); } }); }, @@ -2380,10 +2381,10 @@ __webpack_require__.r(__webpack_exports__); }); }, uploadFile: function uploadFile(event) { - console.log("File changed:"); console.log(event.target.files[0].name); var selectedFile = event.target.files[0]; var selectedFolder = this.$store.state.selectedFolder; + console.log("Uploading file " + selectedFile.name + " to folder " + selectedFolder); var formData = new FormData(); //formData.append('image',selectedFile,selectedFile.name); formData.append('image', selectedFile); @@ -2429,6 +2430,10 @@ __webpack_require__.r(__webpack_exports__); console.log("Receiving folders"); console.log(res.data.folders); _this3.$store.state.folders = res.data.folders; + + if (_this3.$store.state.selectedFolder === 'default') { + _this3.$store.state.selectedFolder === res.data.folders[0]; + } }); }, newFolderSelected: function newFolderSelected(event) { diff --git a/motorradig/public/upload/images/Superordner/portrait.jpg b/motorradig/public/upload/images/Superordner/portrait.jpg new file mode 100644 index 0000000..aa47572 Binary files /dev/null and b/motorradig/public/upload/images/Superordner/portrait.jpg differ diff --git a/motorradig/public/upload/images/Superordner/portrait2.png b/motorradig/public/upload/images/Superordner/portrait2.png new file mode 100644 index 0000000..741eef2 Binary files /dev/null and b/motorradig/public/upload/images/Superordner/portrait2.png differ diff --git a/motorradig/public/upload/images/Superordner/thumbnail/portrait.jpg b/motorradig/public/upload/images/Superordner/thumbnail/portrait.jpg new file mode 100644 index 0000000..012348c Binary files /dev/null and b/motorradig/public/upload/images/Superordner/thumbnail/portrait.jpg differ diff --git a/motorradig/public/upload/images/Superordner/thumbnail/portrait2.png b/motorradig/public/upload/images/Superordner/thumbnail/portrait2.png new file mode 100644 index 0000000..0c76321 Binary files /dev/null and b/motorradig/public/upload/images/Superordner/thumbnail/portrait2.png differ diff --git a/motorradig/public/upload/images/Superordner2/Gazprom.png b/motorradig/public/upload/images/Superordner2/Gazprom.png new file mode 100644 index 0000000..9757b40 Binary files /dev/null and b/motorradig/public/upload/images/Superordner2/Gazprom.png differ diff --git a/motorradig/public/upload/images/Superordner2/Roblox_Dropper.png b/motorradig/public/upload/images/Superordner2/Roblox_Dropper.png new file mode 100644 index 0000000..05e72f8 Binary files /dev/null and b/motorradig/public/upload/images/Superordner2/Roblox_Dropper.png differ diff --git a/motorradig/public/upload/images/Superordner2/mod1.png b/motorradig/public/upload/images/Superordner2/mod1.png new file mode 100644 index 0000000..45cc48c Binary files /dev/null and b/motorradig/public/upload/images/Superordner2/mod1.png differ diff --git a/motorradig/public/upload/images/Superordner2/thumbnail/Roblox_Dropper.png b/motorradig/public/upload/images/Superordner2/thumbnail/Roblox_Dropper.png new file mode 100644 index 0000000..01b5e12 Binary files /dev/null and b/motorradig/public/upload/images/Superordner2/thumbnail/Roblox_Dropper.png differ diff --git a/motorradig/resources/js/views/Gallery.vue b/motorradig/resources/js/views/Gallery.vue index 027bcf5..924b3e2 100644 --- a/motorradig/resources/js/views/Gallery.vue +++ b/motorradig/resources/js/views/Gallery.vue @@ -186,6 +186,7 @@ var folder=res.data.folders[i].folder_name; var file =res.data.folders[i].file_name; console.log('http://localhost:8000/upload/images/'+folder+"/"+file); + console.log('http://localhost:8000/upload/images/'+folder+"/thumbnail/"+file); } }) diff --git a/motorradig/resources/js/views/Upload.vue b/motorradig/resources/js/views/Upload.vue index 6c9f69b..a4e2553 100644 --- a/motorradig/resources/js/views/Upload.vue +++ b/motorradig/resources/js/views/Upload.vue @@ -143,10 +143,14 @@ ) }, uploadFile(event) { - console.log("File changed:"); + + console.log(event.target.files[0].name); var selectedFile=event.target.files[0]; var selectedFolder = this.$store.state.selectedFolder; + + console.log("Uploading file "+selectedFile.name+" to folder "+selectedFolder); + const formData = new FormData(); //formData.append('image',selectedFile,selectedFile.name); formData.append('image',selectedFile); @@ -192,6 +196,9 @@ console.log("Receiving folders"); console.log(res.data.folders); this.$store.state.folders=res.data.folders; + if (this.$store.state.selectedFolder==='default') { + this.$store.state.selectedFolder===res.data.folders[0]; + } }) }, newFolderSelected(event) {