-
+
-
+
-
+
+
+
+
@@ -117,6 +138,64 @@
+
+
+
@@ -131,6 +210,8 @@ export default {
return {
tab: 'details',
post: {},
+ images: [],
+ imageLabel: 'Choose File',
}
},
@@ -203,6 +284,58 @@ export default {
} catch (error) {
this.$toast.error('An error occured');
}
+ },
+
+ async onUpload(event) {
+ let fd = new FormData()
+
+ let photos = event.target[0].files
+
+ if (photos.length === 0) {
+ alert('No Files')
+ return
+ }
+
+ for (let i = 0; i < photos.length; i++) {
+ fd.append('files', photos[i])
+ }
+
+ let response = await this.axios.post(
+ `/admin/post/${this.$route.params.id}/image`,
+ fd,
+ {
+ headers: {
+ 'Content-Type': 'multipart/form-data',
+ }
+ }
+ )
+
+ if (response.status === 200) {
+ this.post = response.data
+ this.clearFiles()
+ }
+
+ },
+
+ clearFiles () {
+ document.getElementById("image-input").value=null;
+ },
+
+ async deleteImage(id) {
+ let response = await this.axios.delete(
+ `/admin/post/${this.$route.params.id}/image/${id}`,
+ )
+
+ if (response.status === 200) {
+ this.clearFiles()
+
+
+ const indexOfObject = this.post.images.findIndex(object => {
+ return object.id === id;
+ });
+
+ this.post.images.splice(indexOfObject, 1);
+ }
}
}
}
diff --git a/Frontend/vue/src/main.js b/Frontend/vue/src/main.js
index 6a3d7c3..66c6a54 100644
--- a/Frontend/vue/src/main.js
+++ b/Frontend/vue/src/main.js
@@ -6,6 +6,7 @@ import { defineRule } from 'vee-validate';
import AllRules from '@vee-validate/rules';
import Toaster from "@meforma/vue-toaster";
import Datepicker from '@vuepic/vue-datepicker';
+import BootstrapVue from 'bootstrap-vue-3'
import { library } from "@fortawesome/fontawesome-svg-core";
import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
@@ -25,7 +26,9 @@ import admin from './store/admin/index.js'
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.bundle.js'
-// Import the CSS or use your own!
+import "bootstrap-vue-3/dist/bootstrap-vue-3.css"
+import "bootstrap-vue-3/dist/bootstrap-vue-3.es.js"
+import "bootstrap-vue-3/dist/bootstrap-vue-3.umd.js"
import '@vuepic/vue-datepicker/dist/main.css'
import './assets/css/admin.css'
@@ -38,6 +41,7 @@ app.use(VueAxios, axios)
app.use(VueCookies)
app.use(admin)
app.use(Toaster, { position: 'top-right' })
+app.use(BootstrapVue)
Object.keys(AllRules).forEach(rule => {
defineRule(rule, AllRules[rule]);
diff --git a/Models/Posts.go b/Models/Posts.go
index ca16879..c33ea40 100644
--- a/Models/Posts.go
+++ b/Models/Posts.go
@@ -40,10 +40,11 @@ type PostLink struct {
type PostImage struct {
Base
- PostID uuid.UUID `gorm:"type:uuid;column:post_id;not null;" json:"post_id"`
- Filepath string `gorm:"not null" json:"filepath"`
- Mimetype string `gorm:"not null" json:"mimetype"`
- Size int64 `gorm:"not null"`
+ PostID uuid.UUID `gorm:"type:uuid;column:post_id;not null;" json:"post_id"`
+ Filepath string `gorm:"not null" json:"-"`
+ PublicFilepath string `gorm:"not null" json:"filepath"`
+ Mimetype string `gorm:"not null" json:"mimetype"`
+ Size int64 `gorm:"not null"`
}
type PostVideo struct {
diff --git a/Util/Files.go b/Util/Files.go
index b0f208e..871b101 100644
--- a/Util/Files.go
+++ b/Util/Files.go
@@ -11,9 +11,10 @@ import (
)
type FileObject struct {
- Filepath string
- Mimetype string
- Size int64
+ Filepath string
+ PublicFilepath string
+ Mimetype string
+ Size int64
}
func WriteFile(fileBytes []byte, acceptedMime string) (FileObject, error) {
@@ -58,9 +59,10 @@ func WriteFile(fileBytes []byte, acceptedMime string) (FileObject, error) {
}
fileObject = FileObject{
- Filepath: file.Name(),
- Mimetype: mime.String(),
- Size: fi.Size(),
+ Filepath: file.Name(),
+ PublicFilepath: strings.ReplaceAll(file.Name(), "./Frontend", ""),
+ Mimetype: mime.String(),
+ Size: fi.Size(),
}
return fileObject, err