CS: Eslint

Modules/Core/Assets/js/mixins/ActiveEditor.js

@@ -8,7 +8,7 @@ export default {
             if (configuredEditor === 'ckeditor') {
                 return 'ckeditor';
             }
-            return 'ckeditor'
+            return 'ckeditor';
         },
-    }
-}
+    },
+};

Modules/Core/Assets/js/mixins/ShortcutHelper.js

@@ -2,6 +2,6 @@ export default {
     methods: {
         pushRoute(route) {
             this.$router.push(route);
-        }
-    }
-}
+        },
+    },
+};

Modules/Core/Assets/js/mixins/Slugify.js

@@ -6,9 +6,9 @@ export default {
             value = value.toLowerCase();
 
             // remove accents, swap ñ for n, etc
-            var from = "ãàáäâẽèéëêìíïîõòóöôùúüûñç·/_,:;";
-            var to = "aaaaaeeeeeiiiiooooouuuunc------";
-            for (var i = 0, l = from.length; i < l; i++) {
+            const from = 'ãàáäâẽèéëêìíïîõòóöôùúüûñç·/_,:;';
+            const to = 'aaaaaeeeeeiiiiooooouuuunc------';
+            for (let i = 0, l = from.length; i < l; i++) {
                 value = value.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i));
             }
 
@@ -17,6 +17,6 @@ export default {
                 .replace(/-+/g, '-'); // collapse dashes
 
             return value;
-        }
-    }
-}
+        },
+    },
+};

Modules/Core/Assets/js/mixins/StringHelpers.vue

 <template>
+    <div></div>
 </template>
 
 <script>
@@ -8,8 +9,8 @@
                 return string[0].toUpperCase() + string.substr(1);
             },
             ucwords(string) {
-                return string.replace(/\w\S*/g, function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();});
-            }
+                return string.replace(/\w\S*/g, txt => txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase());
+            },
         },
-    }
+    };
 </script>

Modules/Core/Assets/js/mixins/TranslationHelper.js

@@ -3,14 +3,14 @@ export default {
         trans(string) {
             // Makes a string: core.button.cancel | core.button.created at
             // to: core["button.cancel"] | core["button.created at"]
-            let array = string.split('.');
+            const array = string.split('.');
 
-            if (array.length < 2) { return this.$t(string) }
+            if (array.length < 2) { return this.$t(string); }
 
-            let first = array.splice(0,1);
-            let key = array.join('.');
+            const first = array.splice(0, 1);
+            const key = array.join('.');
 
             return this.$t(`${first}['${key}']`);
         },
-    }
-}
+    },
+};

Modules/Media/Assets/js/MediaRoutes.js

@@ -12,7 +12,7 @@ export default [
             {
                 path: '',
                 component: MediaList,
-                name: 'admin.media.media.index'
+                name: 'admin.media.media.index',
             },
             {
                 path: ':mediaId/edit',
@@ -20,8 +20,8 @@ export default [
                 name: 'admin.media.media.edit',
                 props: {
                     locales,
-                }
+                },
             },
-        ]
-    }
+        ],
+    },
 ];

Modules/Media/Assets/js/components/MediaForm.vue

@@ -64,7 +64,7 @@
                 </div>
                 <div class="col-md-4">
                     <img :src="media.path" alt="" v-if="media.is_image" style="width: 100%;"/>
-                    <i class="fa fa-file" style="font-size: 50px;" v-else=""></i>
+                    <i class="fa fa-file" style="font-size: 50px;" v-else></i>
                 </div>
             </div>
         </el-form>
@@ -84,12 +84,12 @@
 </template>
 
 <script>
-    import Form from 'form-backend-validation'
-    import axios from 'axios'
+    import Form from 'form-backend-validation';
+    import axios from 'axios';
 
     export default {
         props: {
-            locales: {default: null},
+            locales: { default: null },
         },
         data() {
             return {
@@ -101,62 +101,60 @@
                         keywords: '',
                     }])
                     .fromPairs()
-                    //.merge({template: 'default', is_home: 0, medias_single: []})
+                    // .merge({template: 'default', is_home: 0, medias_single: []})
                     .value(),
                 form: new Form(),
                 loading: false,
                 tags: {},
                 activeTab: window.AsgardCMS.currentLocale || 'en',
-            }
+            };
         },
         methods: {
             fetchMedia() {
                 this.loading = true;
-                axios.get(route('api.media.media.find', {media: this.$route.params.mediaId}))
-                    .then(response => {
+                axios.get(route('api.media.media.find', { media: this.$route.params.mediaId }))
+                    .then((response) => {
                         this.loading = false;
                         this.media = response.data.data;
                         this.tags = response.data.data.tags;
-                    })
-                    .catch(error => {
-                    })
+                    });
             },
             onSubmit() {
-                this.form = new Form(_.merge(this.media, {tags: this.tags}));
+                this.form = new Form(_.merge(this.media, { tags: this.tags }));
                 this.loading = true;
 
-                this.form.put(route('api.media.media.update', {file: this.media.id}))
-                    .then(response => {
+                this.form.put(route('api.media.media.update', { file: this.media.id }))
+                    .then((response) => {
                         this.loading = false;
                         this.$message({
                             type: 'success',
-                            message: response.message
+                            message: response.message,
                         });
-                        this.$router.push({name: 'admin.media.media.index', query: {folder_id: this.media.folder_id}})
+                        this.$router.push({ name: 'admin.media.media.index', query: { folder_id: this.media.folder_id } });
                     })
-                    .catch(error => {
+                    .catch((error) => {
                         console.log(error);
                         this.loading = false;
                         this.$notify.error({
                             title: 'Error',
-                            message: 'There are some errors in the form.'
+                            message: 'There are some errors in the form.',
                         });
                     });
             },
             onCancel() {
                 if (this.media.folder_id == 0) {
-                    this.$router.push({name: 'admin.media.media.index', query: {}});
+                    this.$router.push({ name: 'admin.media.media.index', query: {} });
                     return;
                 }
-                this.$router.push({name: 'admin.media.media.index', query: {folder_id: this.media.folder_id}})
+                this.$router.push({ name: 'admin.media.media.index', query: { folder_id: this.media.folder_id } });
             },
         },
         mounted() {
             if (this.$route.params.mediaId !== undefined) {
                 this.fetchMedia();
             }
-        }
-    }
+        },
+    };
 </script>
 <style>
     .el-select{

Modules/Media/Assets/js/components/MediaList.vue

@@ -27,7 +27,7 @@
                                     <el-button type="primary" :disabled="selectedMedia.length === 0">Move</el-button>
                                 </el-button-group>
                                 <el-button type="danger" :disabled="selectedMedia.length === 0"
-                                    @click.preent="batchDelete" :loading="filesAreDeleting">
+                                    @click.prevent="batchDelete" :loading="filesAreDeleting">
                                     Delete
                                 </el-button>
                             </div>
@@ -128,7 +128,7 @@
 </template>
 
 <script>
-    import axios from 'axios'
+    import axios from 'axios';
     import NewFolder from './NewFolder.vue';
     import UploadButton from './UploadButton.vue';
     import RenameFolder from './RenameFolder.vue';
@@ -140,7 +140,7 @@
             'rename-folder': RenameFolder,
         },
         props: {
-            singleModal: {type: Boolean},
+            singleModal: { type: Boolean },
             eventName: {},
         },
         data() {
@@ -160,15 +160,15 @@
                 folderId: 0,
                 selectedMedia: {},
                 folderBreadcrumb: [
-                    {id: 0, name: 'Home'},
+                    { id: 0, name: 'Home' },
                 ],
                 filesAreDeleting: false,
                 canEditFolders: true,
-            }
+            };
         },
         methods: {
             queryServer(customProperties) {
-                let properties = {
+                const properties = {
                     page: this.meta.current_page,
                     per_page: this.meta.per_page,
                     order_by: this.order_meta.order_by,
@@ -178,7 +178,7 @@
                 };
 
                 axios.get(route('api.media.all-vue', _.merge(properties, customProperties)))
-                    .then(response => {
+                    .then((response) => {
                         this.tableIsLoading = false;
                         this.data = response.data.data;
                         this.meta = response.data.meta;
@@ -191,7 +191,7 @@
             fetchMediaData() {
                 this.tableIsLoading = true;
                 if (this.$route.query.folder_id !== undefined) {
-                    this.queryServer({folder_id: this.$route.query.folder_id});
+                    this.queryServer({ folder_id: this.$route.query.folder_id });
                     this.fetchFolderBreadcrumb(this.$route.query.folder_id);
                     return;
                 }
@@ -200,40 +200,40 @@
             fetchFolderBreadcrumb(folderId) {
                 if (folderId === 0) {
                     this.folderBreadcrumb = [
-                        {id: 0, name: 'Home'},
+                        { id: 0, name: 'Home' },
                     ];
                     return;
                 }
-                axios.get(route('api.media.folders.breadcrumb', {folder: folderId}))
-                    .then(response => {
+                axios.get(route('api.media.folders.breadcrumb', { folder: folderId }))
+                    .then((response) => {
                         this.folderBreadcrumb = response.data;
                     });
             },
             handleSizeChange(event) {
-                console.log('per page :' + event);
+                console.log(`per page :${event}`);
                 this.tableIsLoading = true;
-                this.queryServer({per_page: event});
+                this.queryServer({ per_page: event });
             },
             handleCurrentChange(event) {
-                console.log('current page :' + event);
+                console.log(`current page :${event}`);
                 this.tableIsLoading = true;
-                this.queryServer({page: event});
+                this.queryServer({ page: event });
             },
             handleSortChange(event) {
                 console.log('sorting', event);
                 this.tableIsLoading = true;
-                this.queryServer({order_by: event.prop, order: event.order,});
+                this.queryServer({ order_by: event.prop, order: event.order });
             },
             performSearch(query) {
-                console.log('searching:' + query);
+                console.log(`searching:${query}`);
                 this.tableIsLoading = true;
-                this.queryServer({search: query});
+                this.queryServer({ search: query });
             },
             enterFolder(scope) {
                 this.tableIsLoading = true;
-                this.queryServer({folder_id: scope.row.id});
+                this.queryServer({ folder_id: scope.row.id });
                 this.folderId = scope.row.id;
-                this.$router.push({ query: { folder_id: scope.row.id }});
+                this.$router.push({ query: { folder_id: scope.row.id } });
                 this.fetchFolderBreadcrumb(scope.row.id);
             },
             insertMedia(scope) {
@@ -245,14 +245,14 @@
             showEditFolder(scope) {
                 this.$events.emit('editFolderWasClicked', scope);
             },
-            changeRoot(folderId, index) {
+            changeRoot(folderId) {
                 this.tableIsLoading = true;
-                this.queryServer({folder_id: folderId});
+                this.queryServer({ folder_id: folderId });
                 this.folderId = folderId;
                 if (folderId === 0) {
-                    this.$router.push({ query: {}});
+                    this.$router.push({ query: {} });
                 } else {
-                    this.$router.push({ query: { folder_id: folderId }});
+                    this.$router.push({ query: { folder_id: folderId } });
                 }
 
                 this.fetchFolderBreadcrumb(folderId);
@@ -261,17 +261,17 @@
                 this.$confirm(this.trans('core.modal.confirmation-message'), this.trans('core.modal.title'), {
                     confirmButtonText: this.trans('core.button.delete'),
                     cancelButtonText: this.trans('core.button.cancel'),
-                    type: 'warning'
+                    type: 'warning',
                 })
                     .then(() => {
                         this.filesAreDeleting = true;
                         axios.post(route('api.media.media.batch-destroy'), {
-                            files: this.selectedMedia
+                            files: this.selectedMedia,
                         })
-                            .then(response => {
+                            .then((response) => {
                                 this.$message({
                                     type: 'success',
-                                    message: response.data.message
+                                    message: response.data.message,
                                 });
                                 this.filesAreDeleting = false;
                                 this.$refs.mediaTable.clearSelection();
@@ -281,12 +281,12 @@
                     .catch(() => {
                         this.$message({
                             type: 'info',
-                            message: this.trans('core.delete cancelled')
+                            message: this.trans('core.delete cancelled'),
                         });
                     });
             },
             goToEdit(scope) {
-                this.$router.push({name: 'admin.media.media.edit', params: {mediaId: scope.row.id}})
+                this.$router.push({ name: 'admin.media.media.edit', params: { mediaId: scope.row.id } });
             },
         },
         mounted() {
@@ -295,18 +295,18 @@
             }
             this.selectedMedia.length = 0;
             this.fetchMediaData();
-            this.$events.listen('fileWasUploaded', eventData => {
+            this.$events.listen('fileWasUploaded', (eventData) => {
                 this.tableIsLoading = true;
-                this.queryServer({folder_id: eventData.data.folder_id});
+                this.queryServer({ folder_id: eventData.data.folder_id });
             });
-            this.$events.listen('folderWasCreated', eventData => {
+            this.$events.listen('folderWasCreated', (eventData) => {
                 this.tableIsLoading = true;
-                this.queryServer({folder_id: eventData.data.folder_id});
+                this.queryServer({ folder_id: eventData.data.folder_id });
             });
-            this.$events.listen('folderWasUpdated', eventData => {
+            this.$events.listen('folderWasUpdated', (eventData) => {
                 this.tableIsLoading = true;
-                this.queryServer({folder_id: eventData.data.folder_id});
+                this.queryServer({ folder_id: eventData.data.folder_id });
             });
-        }
-    }
+        },
+    };
 </script>

Modules/Media/Assets/js/components/MediaManager.vue

@@ -7,9 +7,9 @@
 <script>
    export default {
         data() {
-            return {}
+            return {};
         },
         methods: {},
-        mounted() {}
-    }
+        mounted() {},
+    };
 </script>

Modules/Media/Assets/js/components/NewFolder.vue

@@ -22,11 +22,11 @@
 </template>
 
 <script>
-    import Form from 'form-backend-validation'
+    import Form from 'form-backend-validation';
 
     export default {
         props: {
-            parentId: {type: Number}
+            parentId: { type: Number },
         },
         data() {
             return {
@@ -36,29 +36,29 @@
                 },
                 form: new Form(),
                 loading: false,
-            }
+            };
         },
         methods: {
             onSubmit() {
-                this.form = new Form(_.merge(this.folder, {parent_id: this.parentId}));
+                this.form = new Form(_.merge(this.folder, { parent_id: this.parentId }));
                 this.loading = true;
                 this.form.post(route('api.media.folders.store'))
-                    .then(response => {
+                    .then((response) => {
                         this.loading = false;
                         this.$message({
                             type: 'success',
-                            message: response.message
+                            message: response.message,
                         });
                         this.dialogFormVisible = false;
                         this.folder.name = '';
                         this.$events.emit('folderWasCreated', response);
                     })
-                    .catch(error => {
+                    .catch((error) => {
                         console.log(error);
                         this.loading = false;
                         this.$notify.error({
                             title: 'Error',
-                            message: 'There are some errors in the form.'
+                            message: 'There are some errors in the form.',
                         });
                     });
             },
@@ -68,8 +68,8 @@
             },
         },
         mounted() {
-        }
-    }
+        },
+    };
 </script>
 <style>
     .new-folder {

Modules/Media/Assets/js/components/RenameFolder.vue

@@ -17,7 +17,7 @@
 </template>
 
 <script>
-    import Form from 'form-backend-validation'
+    import Form from 'form-backend-validation';
 
     export default {
 //        props: {
@@ -33,28 +33,28 @@
                 },
                 form: new Form(),
                 loading: false,
-            }
+            };
         },
         methods: {
             onSubmit() {
                 this.form = new Form(this.folder);
                 this.loading = true;
-                this.form.post(route('api.media.folders.update', {folder: this.folder.id}))
-                    .then(response => {
+                this.form.post(route('api.media.folders.update', { folder: this.folder.id }))
+                    .then((response) => {
                         this.loading = false;
                         this.$message({
                             type: 'success',
-                            message: response.message
+                            message: response.message,
                         });
                         this.dialogFormVisible = false;
                         this.$events.emit('folderWasUpdated', response);
                     })
-                    .catch(error => {
+                    .catch((error) => {
                         console.log(error);
                         this.loading = false;
                         this.$notify.error({
                             title: 'Error',
-                            message: 'There are some errors in the form.'
+                            message: 'There are some errors in the form.',
                         });
                     });
             },
@@ -64,12 +64,12 @@
             },
         },
         mounted() {
-            this.$events.listen('editFolderWasClicked', eventData => {
+            this.$events.listen('editFolderWasClicked', (eventData) => {
                 this.folder.name = eventData.filename;
                 this.folder.id = eventData.id;
                 this.folder.parent_id = eventData.folder_id;
                 this.dialogFormVisible = true;
             });
-        }
-    }
+        },
+    };
 </script>

Modules/Media/Assets/js/components/SingleMedia.vue

@@ -29,18 +29,18 @@
 </template>
 
 <script>
+    import axios from 'axios';
     import UploadZone from './UploadZone.vue';
     import MediaList from './MediaList.vue';
-    import StringHelpers from '../../../../Core/Assets/js/mixins/StringHelpers'
-    import axios from 'axios'
+    import StringHelpers from '../../../../Core/Assets/js/mixins/StringHelpers.vue';
 
     export default {
         mixins: [StringHelpers],
         props: {
-            zone: {type: String, required: true},
-            entity: {type: String, required: true},
-            entityId: {type: Number},
-            label: {type: String},
+            zone: { type: String, required: true },
+            entity: { type: String, required: true },
+            entityId: { type: Number },
+            label: { type: String },
         },
         components: {
             'upload-zone': UploadZone,
@@ -58,11 +58,11 @@
                 dialogVisible: false,
                 selectedMedia: {},
                 eventName: '',
-            }
+            };
         },
         computed: {
             hasSelectedMedia() {
-                return ! _.isEmpty(this.selectedMedia);
+                return !_.isEmpty(this.selectedMedia);
             },
         },
         methods: {
@@ -71,7 +71,7 @@
             },
             unSelectMedia() {
                 this.selectedMedia = {};
-                this.$emit('singleFileSelected', _.merge({id: null}, {zone: this.zone}));
+                this.$emit('singleFileSelected', _.merge({ id: null }, { zone: this.zone }));
             },
             fetchMedia() {
                 axios.get(route('api.media.find-first-by-zone-and-entity', {
@@ -79,32 +79,31 @@
                     entity: this.entity,
                     entity_id: this.entityId,
                 }))
-                    .then(response => {
-                        this.$emit('singleFileSelected', _.merge(response.data.data, {zone: this.zone}));
+                    .then((response) => {
+                        this.$emit('singleFileSelected', _.merge(response.data.data, { zone: this.zone }));
                         this.selectedMedia = response.data.data;
-                    })
+                    });
             },
             getFieldLabel() {
                 return this.label || this.ucwords(this.zone.replace('_', ' '));
             },
             makeId() {
-                let text = "";
-                let possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+                let text = '';
+                const possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
 
-                for (let i = 0; i < 5; i++)
-                    text += possible.charAt(Math.floor(Math.random() * possible.length));
+                for (let i = 0; i < 5; i++) { text += possible.charAt(Math.floor(Math.random() * possible.length)); }
 
                 return text;
             },
         },
         mounted() {
-            this.eventName = 'fileWasSelected' + this.makeId() + Math.floor(Math.random() * 999999);
+            this.eventName = `fileWasSelected${this.makeId()}${Math.floor(Math.random() * 999999)}`;
 
-            this.$events.listen(this.eventName, mediaData => {
+            this.$events.listen(this.eventName, (mediaData) => {
                 this.dialogVisible = false;
                 this.selectedMedia = mediaData;
-                this.$emit('singleFileSelected', _.merge(mediaData, {zone: this.zone}));
+                this.$emit('singleFileSelected', _.merge(mediaData, { zone: this.zone }));
             });
-        }
-    }
+        },
+    };
 </script>

Modules/Media/Assets/js/components/UploadButton.vue

@@ -13,56 +13,56 @@
 </template>
 
 <script>
-    import axios from 'axios'
+    import axios from 'axios';
 
     export default {
         props: {
-            parentId: {type: Number}
+            parentId: { type: Number },
         },
         data() {
             return {
                 fileIsUploading: false,
-            }
+            };
         },
         computed: {
             uploadUrl() {
                 return route('api.media.store').domain + route('api.media.store').url;
             },
             requestHeaders() {
-                let userApiToken = document.head.querySelector('meta[name="user-api-token"]');
+                const userApiToken = document.head.querySelector('meta[name="user-api-token"]');
                 return {
-                    'Authorization': 'Bearer ' + userApiToken.content
+                    Authorization: `Bearer ${userApiToken.content}`,
                 };
             },
         },
         methods: {
-            handleSuccess(response, file, fileList) {
+            handleSuccess(response) {
                 this.$events.emit('fileWasUploaded', response);
             },
             uploadFile(event) {
                 this.fileIsUploading = true;
-                let data = new FormData();
+                const data = new FormData();
                 data.append('parent_id', this.parentId);
                 data.append('file', event.file);
                 axios.post(route('api.media.store'), data)
-                    .then(response => {
+                    .then((response) => {
                         this.$events.emit('fileWasUploaded', response);
                         this.fileIsUploading = false;
                     })
-                    .catch(error => {
+                    .catch((error) => {
                         console.log(error.response.data);
                         this.fileIsUploading = false;
                         this.$notify.error({
                             title: 'Error',
-                            message: error.response.data.errors.file[0]
+                            message: error.response.data.errors.file[0],
                         });
                     });
             },
             handleRemove() {},
         },
         mounted() {
-        }
-    }
+        },
+    };
 </script>
 <style>
     .el-upload__input {

Modules/Media/Assets/js/components/UploadZone.vue

@@ -23,29 +23,29 @@
         data() {
             return {
                 fileList: [],
-            }
+            };
         },
         computed: {
             uploadUrl() {
                 return route('api.media.store').domain + route('api.media.store').url;
             },
             requestHeaders() {
-                let userApiToken = document.head.querySelector('meta[name="user-api-token"]');
+                const userApiToken = document.head.querySelector('meta[name="user-api-token"]');
                 return {
-                    'Authorization': 'Bearer ' + userApiToken.content
+                    Authorization: `Bearer ${userApiToken.content}`,
                 };
             },
         },
         methods: {
-            handleSuccess(response, file, fileList) {
+            handleSuccess(response) {
                 this.$events.emit('fileWasUploaded', response);
                 this.fileList = [];
             },
             handlePreview() {},
             handleRemove() {},
         },
-        mounted() {}
-    }
+        mounted() {},
+    };
 </script>
 <style>
     .el-upload__input {

Modules/Page/Assets/js/PageRoutes.js

-import PageTable from './components/PageTable.vue'
-import PageTableServerSide from './components/PageTableServerSide.vue'
-import PageForm from './components/PageForm.vue'
+import PageTable from './components/PageTable.vue';
+import PageTableServerSide from './components/PageTableServerSide.vue';
+import PageForm from './components/PageForm.vue';
 
 const locales = window.AsgardCMS.locales;
 
@@ -17,7 +17,7 @@ export default [
         props: {
             locales,
             pageTitle: 'create page',
-        }
+        },
     },
     {
         path: '/page/pages/:pageId/edit',
@@ -26,6 +26,6 @@ export default [
         props: {
             locales,
             pageTitle: 'edit page',
-        }
+        },
     },
 ];

Modules/Page/Assets/js/components/PageTableServerSide.vue

@@ -105,9 +105,9 @@
 </template>
 
 <script>
-    import axios from 'axios'
-    import _ from "lodash";
-    import ShortcutHelper from '../../../../Core/Assets/js/mixins/ShortcutHelper'
+    import axios from 'axios';
+    import _ from 'lodash';
+    import ShortcutHelper from '../../../../Core/Assets/js/mixins/ShortcutHelper';
 
     let data;
 
@@ -129,16 +129,16 @@
                 tableIsLoading: false,
                 showExtraButtons: false,
                 selectedPages: {},
-            }
+            };
         },
         watch: {
             selectedPages() {
                 this.selectedPages.length >= 1 ? this.showExtraButtons = true : this.showExtraButtons = false;
-            }
+            },
         },
         methods: {
             queryServer(customProperties) {
-                let properties = {
+                const properties = {
                     page: this.meta.current_page,
                     per_page: this.meta.per_page,
                     order_by: this.order_meta.order_by,
@@ -147,7 +147,7 @@
                 };
 
                 axios.get(route('api.page.page.indexServerSide', _.merge(properties, customProperties)))
-                    .then(response => {
+                    .then((response) => {
                         this.tableIsLoading = false;
                         this.data = response.data.data;
                         this.meta = response.data.meta;
@@ -162,58 +162,56 @@
                 this.queryServer();
             },
             handleSizeChange(event) {
-                console.log('per page :' + event);
+                console.log(`per page :${event}`);
                 this.tableIsLoading = true;
-                this.queryServer({per_page: event});
+                this.queryServer({ per_page: event });
             },
             handleCurrentChange(event) {
-                console.log('current page :' + event);
+                console.log(`current page :${event}`);
                 this.tableIsLoading = true;
-                this.queryServer({page: event});
+                this.queryServer({ page: event });
             },
             handleSortChange(event) {
                 console.log('sorting', event);
                 this.tableIsLoading = true;
-                this.queryServer({order_by: event.prop, order: event.order,});
+                this.queryServer({ order_by: event.prop, order: event.order });
             },
             performSearch(query) {
-                console.log('searching:' + query);
+                console.log(`searching:${query}`);
                 this.tableIsLoading = true;
-                this.queryServer({search: query});
+                this.queryServer({ search: query });
             },
             handleExtraActions(action) {
-                let pageIds = _.map(this.selectedPages, function(elem) {
-                    return elem.id;
-                });
-                axios.get(route('api.page.page.mark-status', {action: action, pageIds: JSON.stringify(pageIds)}))
-                    .then(response => {
+                const pageIds = _.map(this.selectedPages, elem => elem.id);
+                axios.get(route('api.page.page.mark-status', { action, pageIds: JSON.stringify(pageIds) }))
+                    .then((response) => {
                         this.$message({
                             type: 'success',
-                            message: response.data.message
+                            message: response.data.message,
                         });
                         this.$refs.pageTable.clearSelection();
-                        this.data.find(function (page) {
+                        this.data.find((page) => {
                             if (pageIds.indexOf(page.id) >= 0) {
                                 page.translations.status = action === 'mark-online';
                             }
                         });
                     })
-                    .catch(error => {
+                    .catch(() => {
                         this.$message({
                             type: 'error',
                             message: this.trans('core.something went wrong'),
                         });
-                    })
+                    });
             },
             handleSelectionChange(selectedPages) {
                 this.selectedPages = selectedPages;
             },
             goToEdit(scope) {
-                this.$router.push({name: 'admin.page.page.edit', params: {pageId: scope.row.id}})
+                this.$router.push({ name: 'admin.page.page.edit', params: { pageId: scope.row.id } });
             },
         },
         mounted() {
             this.fetchData();
-        }
-    }
+        },
+    };
 </script>

Themes/Adminlte/resources/assets/js/asgardcms.js

 require('./bootstrap');
 
-import Vue from 'vue'
-import VueI18n from 'vue-i18n'
-import VueRouter from 'vue-router'
-import ElementUI from 'element-ui'
-import DataTables from 'vue-data-tables'
-import VueEvents from 'vue-events'
-import locale from 'element-ui/lib/locale/lang/en'
-import VueSimplemde from 'vue-simplemde'
+import Vue from 'vue';
+import VueI18n from 'vue-i18n';
+import VueRouter from 'vue-router';
+import ElementUI from 'element-ui';
+import DataTables from 'vue-data-tables';
+import VueEvents from 'vue-events';
+import locale from 'element-ui/lib/locale/lang/en';
+import VueSimplemde from 'vue-simplemde';
 
 Vue.use(ElementUI, { locale });
 Vue.use(DataTables, { locale });
 Vue.use(VueI18n);
 Vue.use(VueRouter);
 Vue.use(require('vue-shortkey'), { prevent: ['input', 'textarea'] });
+
 Vue.use(VueEvents);
 Vue.use(VueSimplemde);
 require('./mixins');
@@ -24,17 +25,18 @@ Vue.component('DeleteButton', require('../../../../../Modules/Core/Assets/js/com
 Vue.component('TagsInput', require('../../../../../Modules/Tag/Assets/js/components/TagInput.vue'));
 Vue.component('SingleMedia', require('../../../../../Modules/Media/Assets/js/components/SingleMedia.vue'));
 Vue.component('MediaManager', require('../../../../../Modules/Media/Assets/js/components/MediaManager.vue'));
+
 import PageRoutes from '../../../../../Modules/Page/Assets/js/PageRoutes';
 import MediaRoutes from '../../../../../Modules/Media/Assets/js/MediaRoutes';
 
 
-const currentLocale =  window.AsgardCMS.currentLocale;
+const currentLocale = window.AsgardCMS.currentLocale;
 const adminPrefix = window.AsgardCMS.adminPrefix;
 
 const router = new VueRouter({
     mode: 'history',
     base: makeBaseUrl(),
-    routes : [
+    routes: [
         ...PageRoutes,
         ...MediaRoutes,
     ],
@@ -47,7 +49,7 @@ function makeBaseUrl() {
     return `${currentLocale}/${adminPrefix}`;
 }
 
-let messages = {
+const messages = {
     [currentLocale]: window.AsgardCMS.translations,
 };
 
@@ -62,7 +64,7 @@ const app = new Vue({
     i18n,
 });
 
-window.axios.interceptors.response.use(null, function(error) {
+window.axios.interceptors.response.use(null, (error) => {
     if (error.response === undefined) {
         console.log(error);
         return;

Themes/Adminlte/resources/assets/js/mixins.js

-import Vue from 'vue'
+import Vue from 'vue';
 import TranslationHelper from '../../../../../Modules/Core/Assets/js/mixins/TranslationHelper';
 
 Vue.mixin(TranslationHelper);

public/js/app.js

@@ -21202,7 +21202,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _Form = __webpack_require__(142);
+var _Form = __webpack_require__(139);
 
 Object.defineProperty(exports, 'default', {
   enumerable: true,
@@ -42758,51 +42758,51 @@ var currentLocale = window.AsgardCMS.currentLocale;
 var adminPrefix = window.AsgardCMS.adminPrefix;
 
 function makeBaseUrl() {
-  if (window.AsgardCMS.hideDefaultLocaleInURL == 1) {
-    return adminPrefix;
-  }
-  return currentLocale + '/' + adminPrefix;
+    if (window.AsgardCMS.hideDefaultLocaleInURL == 1) {
+        return adminPrefix;
+    }
+    return currentLocale + '/' + adminPrefix;
 }
 
 var router = new _vueRouter2.default({
-  mode: 'history',
-  base: makeBaseUrl(),
-  routes: [].concat(_toConsumableArray(_PageRoutes2.default), _toConsumableArray(_MediaRoutes2.default))
+    mode: 'history',
+    base: makeBaseUrl(),
+    routes: [].concat(_toConsumableArray(_PageRoutes2.default), _toConsumableArray(_MediaRoutes2.default))
 });
 
 var messages = _defineProperty({}, currentLocale, window.AsgardCMS.translations);
 
 var i18n = new _vueI18n2.default({
-  locale: currentLocale,
-  messages: messages
+    locale: currentLocale,
+    messages: messages
 });
 
 var app = new _vue2.default({
-  el: '#app',
-  router: router,
-  i18n: i18n
+    el: '#app',
+    router: router,
+    i18n: i18n
 });
 
 window.axios.interceptors.response.use(null, function (error) {
-  if (error.response === undefined) {
-    console.log(error);
-    return;
-  }
-  if (error.response.status === 403) {
-    app.$notify.error({
-      title: app.$t('core.unauthorized'),
-      message: app.$t('core.unauthorized-access')
-    });
-    window.location = route('dashboard.index');
-  }
-  if (error.response.status === 401) {
-    app.$notify.error({
-      title: app.$t('core.unauthenticated'),
-      message: app.$t('core.unauthenticated-message')
-    });
-    window.location = route('login');
-  }
-  return Promise.reject(error);
+    if (error.response === undefined) {
+        console.log(error);
+        return;
+    }
+    if (error.response.status === 403) {
+        app.$notify.error({
+            title: app.$t('core.unauthorized'),
+            message: app.$t('core.unauthorized-access')
+        });
+        window.location = route('dashboard.index');
+    }
+    if (error.response.status === 401) {
+        app.$notify.error({
+            title: app.$t('core.unauthenticated'),
+            message: app.$t('core.unauthenticated-message')
+        });
+        window.location = route('login');
+    }
+    return Promise.reject(error);
 });
 
 /***/ }),
@@ -91920,7 +91920,7 @@ exports.default = {
                         page.translations.status = action === 'mark-online';
                     }
                 });
-            }).catch(function (error) {
+            }).catch(function () {
                 _this2.$message({
                     type: 'error',
                     message: _this2.trans('core.something went wrong')
@@ -92418,7 +92418,11 @@ var _axios = __webpack_require__(6);
 
 var _axios2 = _interopRequireDefault(_axios);
 
-var _Slugify = __webpack_require__(139);
+var _formBackendValidation = __webpack_require__(14);
+
+var _formBackendValidation2 = _interopRequireDefault(_formBackendValidation);
+
+var _Slugify = __webpack_require__(141);
 
 var _Slugify2 = _interopRequireDefault(_Slugify);
 
@@ -92426,18 +92430,14 @@ var _ShortcutHelper = __webpack_require__(41);
 
 var _ShortcutHelper2 = _interopRequireDefault(_ShortcutHelper);
 
-var _ActiveEditor = __webpack_require__(140);
+var _ActiveEditor = __webpack_require__(142);
 
 var _ActiveEditor2 = _interopRequireDefault(_ActiveEditor);
 
-var _SingleFileSelector = __webpack_require__(141);
+var _SingleFileSelector = __webpack_require__(143);
 
 var _SingleFileSelector2 = _interopRequireDefault(_SingleFileSelector);
 
-var _formBackendValidation = __webpack_require__(14);
-
-var _formBackendValidation2 = _interopRequireDefault(_formBackendValidation);
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 //
@@ -92616,9 +92616,9 @@ exports.default = {
             }).fromPairs().merge({ template: 'default', is_home: 0, medias_single: [] }).value(),
 
             templates: {
-                'index': 'index',
-                'home': 'home',
-                'default': 'default'
+                index: 'index',
+                home: 'home',
+                default: 'default'
             },
             form: new _formBackendValidation2.default(),
             loading: false,
@@ -92672,7 +92672,7 @@ exports.default = {
                 _this3.page = response.data.data;
                 _this3.tags = response.data.data.tags;
                 $('.publicUrl').attr('href', _this3.page.urls.public_url).show();
-            }).catch(function (error) {});
+            });
         },
         getRoute: function getRoute() {
             if (this.$route.params.pageId !== undefined) {
@@ -92700,85 +92700,6 @@ exports.default = {
 "use strict";
 
 
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-exports.default = {
-    methods: {
-        slugify: function slugify(string) {
-            var value = void 0;
-            value = string.replace(/^\s+|\s+$/g, ''); // trim
-            value = value.toLowerCase();
-
-            // remove accents, swap ñ for n, etc
-            var from = "ãàáäâẽèéëêìíïîõòóöôùúüûñç·/_,:;";
-            var to = "aaaaaeeeeeiiiiooooouuuunc------";
-            for (var i = 0, l = from.length; i < l; i++) {
-                value = value.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i));
-            }
-
-            value = value.replace(/[^a-z0-9 -]/g, '') // remove invalid chars
-            .replace(/\s+/g, '-') // collapse whitespace and replace by -
-            .replace(/-+/g, '-'); // collapse dashes
-
-            return value;
-        }
-    }
-};
-
-/***/ }),
-/* 140 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-exports.default = {
-    methods: {
-        getCurrentEditor: function getCurrentEditor() {
-            var configuredEditor = window.AsgardCMS.editor;
-            if (configuredEditor === 'simplemde') {
-                return 'markdown-editor';
-            }
-            if (configuredEditor === 'ckeditor') {
-                return 'ckeditor';
-            }
-            return 'ckeditor';
-        }
-    }
-};
-
-/***/ }),
-/* 141 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-exports.default = {
-    methods: {
-        selectSingleFile: function selectSingleFile(event, model) {
-            this[model].medias_single = _.merge(this[model].medias_single, _defineProperty({}, event.zone, event.id));
-        }
-    }
-};
-
-/***/ }),
-/* 142 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
@@ -92789,7 +92710,7 @@ var _Errors = __webpack_require__(42);
 
 var _Errors2 = _interopRequireDefault(_Errors);
 
-var _util = __webpack_require__(143);
+var _util = __webpack_require__(140);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -93090,7 +93011,7 @@ var Form = function () {
 exports.default = Form;
 
 /***/ }),
-/* 143 */
+/* 140 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -93113,6 +93034,85 @@ function guardAgainstReservedFieldName(fieldName) {
     }
 }
 
+/***/ }),
+/* 141 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = {
+    methods: {
+        slugify: function slugify(string) {
+            var value = void 0;
+            value = string.replace(/^\s+|\s+$/g, ''); // trim
+            value = value.toLowerCase();
+
+            // remove accents, swap ñ for n, etc
+            var from = 'ãàáäâẽèéëêìíïîõòóöôùúüûñç·/_,:;';
+            var to = 'aaaaaeeeeeiiiiooooouuuunc------';
+            for (var i = 0, l = from.length; i < l; i++) {
+                value = value.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i));
+            }
+
+            value = value.replace(/[^a-z0-9 -]/g, '') // remove invalid chars
+            .replace(/\s+/g, '-') // collapse whitespace and replace by -
+            .replace(/-+/g, '-'); // collapse dashes
+
+            return value;
+        }
+    }
+};
+
+/***/ }),
+/* 142 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = {
+    methods: {
+        getCurrentEditor: function getCurrentEditor() {
+            var configuredEditor = window.AsgardCMS.editor;
+            if (configuredEditor === 'simplemde') {
+                return 'markdown-editor';
+            }
+            if (configuredEditor === 'ckeditor') {
+                return 'ckeditor';
+            }
+            return 'ckeditor';
+        }
+    }
+};
+
+/***/ }),
+/* 143 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+exports.default = {
+    methods: {
+        selectSingleFile: function selectSingleFile(event, model) {
+            this[model].medias_single = _.merge(this[model].medias_single, _defineProperty({}, event.zone, event.id));
+        }
+    }
+};
+
 /***/ }),
 /* 144 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -94185,7 +94185,7 @@ exports.default = {
         showEditFolder: function showEditFolder(scope) {
             this.$events.emit('editFolderWasClicked', scope);
         },
-        changeRoot: function changeRoot(folderId, index) {
+        changeRoot: function changeRoot(folderId) {
             this.tableIsLoading = true;
             this.queryServer({ folder_id: folderId });
             this.folderId = folderId;
@@ -94727,12 +94727,12 @@ exports.default = {
         requestHeaders: function requestHeaders() {
             var userApiToken = document.head.querySelector('meta[name="user-api-token"]');
             return {
-                'Authorization': 'Bearer ' + userApiToken.content
+                Authorization: 'Bearer ' + userApiToken.content
             };
         }
     },
     methods: {
-        handleSuccess: function handleSuccess(response, file, fileList) {
+        handleSuccess: function handleSuccess(response) {
             this.$events.emit('fileWasUploaded', response);
         },
         uploadFile: function uploadFile(event) {
@@ -95198,12 +95198,7 @@ var render = function() {
                             },
                             on: {
                               click: function($event) {
-                                if (
-                                  !("button" in $event) &&
-                                  _vm._k($event.keyCode, "preent")
-                                ) {
-                                  return null
-                                }
+                                $event.preventDefault()
                                 _vm.batchDelete($event)
                               }
                             }
@@ -95771,7 +95766,7 @@ exports.default = {
                     keywords: ''
                 }];
             }).fromPairs()
-            //.merge({template: 'default', is_home: 0, medias_single: []})
+            // .merge({template: 'default', is_home: 0, medias_single: []})
             .value(),
             form: new _formBackendValidation2.default(),
             loading: false,
@@ -95789,7 +95784,7 @@ exports.default = {
                 _this.loading = false;
                 _this.media = response.data.data;
                 _this.tags = response.data.data.tags;
-            }).catch(function (error) {});
+            });
         },
         onSubmit: function onSubmit() {
             var _this2 = this;
@@ -96243,25 +96238,25 @@ window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
 var token = document.head.querySelector('meta[name="csrf-token"]');
 
 if (token) {
-  window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
+    window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
 } else {
-  console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
+    console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
 }
 
 var userApiToken = document.head.querySelector('meta[name="user-api-token"]');
 
 if (userApiToken) {
-  window.axios.defaults.headers.common.Authorization = 'Bearer ' + userApiToken.content;
+    window.axios.defaults.headers.common.Authorization = 'Bearer ' + userApiToken.content;
 } else {
-  console.error('User API token not found in a meta tag.');
+    console.error('User API token not found in a meta tag.');
 }
 
 var currentLocale = document.head.querySelector('meta[name="current-locale"]');
 
 if (currentLocale) {
-  window.AsgardCMS.currentLocale = currentLocale.content;
+    window.AsgardCMS.currentLocale = currentLocale.content;
 } else {
-  console.error('Current locale token not found in a meta tag.');
+    console.error('Current locale token not found in a meta tag.');
 }
 
 /**
@@ -97025,6 +97020,10 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 
+var _axios = __webpack_require__(6);
+
+var _axios2 = _interopRequireDefault(_axios);
+
 var _UploadZone = __webpack_require__(189);
 
 var _UploadZone2 = _interopRequireDefault(_UploadZone);
@@ -97037,10 +97036,6 @@ var _StringHelpers = __webpack_require__(194);
 
 var _StringHelpers2 = _interopRequireDefault(_StringHelpers);
 
-var _axios = __webpack_require__(6);
-
-var _axios2 = _interopRequireDefault(_axios);
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 //
@@ -97130,12 +97125,14 @@ exports.default = {
             return this.label || this.ucwords(this.zone.replace('_', ' '));
         },
         makeId: function makeId() {
-            var text = "";
-            var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+            var text = '';
+            var possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
 
             for (var i = 0; i < 5; i++) {
                 text += possible.charAt(Math.floor(Math.random() * possible.length));
-            }return text;
+            }
+
+            return text;
         }
     },
     mounted: function mounted() {
@@ -97286,12 +97283,12 @@ exports.default = {
         requestHeaders: function requestHeaders() {
             var userApiToken = document.head.querySelector('meta[name="user-api-token"]');
             return {
-                'Authorization': 'Bearer ' + userApiToken.content
+                Authorization: 'Bearer ' + userApiToken.content
             };
         }
     },
     methods: {
-        handleSuccess: function handleSuccess(response, file, fileList) {
+        handleSuccess: function handleSuccess(response) {
             this.$events.emit('fileWasUploaded', response);
             this.fileList = [];
         },
@@ -97412,6 +97409,7 @@ Object.defineProperty(exports, "__esModule", {
 //
 //
 //
+//
 
 exports.default = {
     methods: {