Hide edit folder button for s3 filesystem.

Allign buttons to the right

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

@@ -80,6 +80,7 @@
                             </el-table-column>
                             <el-table-column prop="actions" label="" width="150">
                                 <template scope="scope">
+                                    <div class="pull-right">
                                         <a class="btn btn-primary btn-flat" @click.prevent="insertMedia(scope)"
                                            v-if="singleModal && ! scope.row.is_folder">
                                             {{ trans('media.insert') }}
@@ -89,12 +90,13 @@
                                                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">
+                                               v-if="scope.row.is_folder && canEditFolders">
                                                 <i class="fa fa-pencil"></i>
                                             </a>
 
                                             <delete-button :scope="scope" :rows="data"></delete-button>
                                         </div>
+                                    </div>
                                 </template>
                             </el-table-column>
                         </el-table>
@@ -153,6 +155,7 @@
                     {id: 0, name: 'Home'},
                 ],
                 filesAreDeleting: false,
+                canEditFolders: true,
             }
         },
         methods: {
@@ -280,6 +283,9 @@
             },
         },
         mounted() {
+            if (window.AsgardCMS.filesystem === 's3') {
+                this.canEditFolders = false;
+            }
             this.selectedMedia.length = 0;
             this.fetchMediaData();
             this.$events.listen('fileWasUploaded', eventData => {

Themes/Adminlte/views/layouts/master.blade.php

@@ -82,7 +82,8 @@
         currentLocale: '{{ locale() }}',
         editor: '{{ $activeEditor }}',
         adminPrefix: '{{ config('asgard.core.core.admin-prefix') }}',
-        hideDefaultLocaleInURL: '{{ config('laravellocalization.hideDefaultLocaleInURL') }}'
+        hideDefaultLocaleInURL: '{{ config('laravellocalization.hideDefaultLocaleInURL') }}',
+        filesystem: '{{ config('asgard.media.config.filesystem') }}'
     };
 </script>
 

public/js/app.js

@@ -93997,6 +93997,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //
 //
 //
+//
+//
 
 exports.default = {
     components: {
@@ -94025,7 +94027,8 @@ exports.default = {
             folderId: 0,
             selectedMedia: {},
             folderBreadcrumb: [{ id: 0, name: 'Home' }],
-            filesAreDeleting: false
+            filesAreDeleting: false,
+            canEditFolders: true
         };
     },
 
@@ -94155,6 +94158,9 @@ exports.default = {
     mounted: function mounted() {
         var _this4 = this;
 
+        if (window.AsgardCMS.filesystem === 's3') {
+            this.canEditFolders = false;
+        }
         this.selectedMedia.length = 0;
         this.fetchMediaData();
         this.$events.listen('fileWasUploaded', function (eventData) {
@@ -95316,6 +95322,7 @@ var render = function() {
                           key: "default",
                           fn: function(scope) {
                             return [
+                              _c("div", { staticClass: "pull-right" }, [
                                 _vm.singleModal && !scope.row.is_folder
                                   ? _c(
                                       "a",
@@ -95363,7 +95370,8 @@ var render = function() {
                                             )
                                           : _vm._e(),
                                         _vm._v(" "),
-                                      scope.row.is_folder
+                                        scope.row.is_folder &&
+                                        _vm.canEditFolders
                                           ? _c(
                                               "a",
                                               {
@@ -95372,7 +95380,9 @@ var render = function() {
                                                 on: {
                                                   click: function($event) {
                                                     $event.preventDefault()
-                                                  _vm.showEditFolder(scope.row)
+                                                    _vm.showEditFolder(
+                                                      scope.row
+                                                    )
                                                   }
                                                 }
                                               },
@@ -95385,12 +95395,16 @@ var render = function() {
                                           : _vm._e(),
                                         _vm._v(" "),
                                         _c("delete-button", {
-                                        attrs: { scope: scope, rows: _vm.data }
+                                          attrs: {
+                                            scope: scope,
+                                            rows: _vm.data
+                                          }
                                         })
                                       ],
                                       1
                                     )
                                   : _vm._e()
+                              ])
                             ]
                           }
                         }