apply ACL on Frontend

[alexusmai]

apply ACL on Frontend

[alexusmai]

Hi, thank you.
I'll think about this functionality.

[ahmedkandel]

Thanks @alexusmai i though of a work around until it gets done in Vue frontend as following:

<script>
$(document).ready(function () {

            @if ( ! auth()->user()->can('manageFiles') )

                //Remove unused menu items
                window.fm.$store.state.fm.settings.contextMenu = [
                    [
                        {
                            name: 'open',
                            icon: 'far fa-folder-open',
                        },
                        {
                            name: 'audioPlay',
                            icon: 'fas fa-play',
                        },
                        {
                            name: 'videoPlay',
                            icon: 'fas fa-play',
                        },
                        {
                            name: 'view',
                            icon: 'fas fa-eye',
                        },
                        {
                            name: 'select',
                            icon: 'fas fa-check',
                        },
                        @if ( auth()->user()->can('downloadFiles') )
                            {
                                name: 'download',
                                icon: 'fas fa-download',
                            },
                        @endif
                    ]
                ];

            @endif

 });
</script>

[vnayak-bhatt]

is there any update on the ACL or Permissions?

[alexusmai]

is there any update on the ACL or Permissions?

No, I have no time ...

[ahmedkandel]

I have extended settings adding "canDownload" and "canManage" properties here that can be defined as javascript variable in you blade template, so you have full control on ACL as following:

<script>
   var fmSettings = {
       showFullScreen: false,
       showAbout: false,
       showDiskList: false,
       showBreadcrumb: false,
       viewType: 'grid',
       showProperties: false,
       showSize: true,
       canDownload: {{ auth()->user()->can('downloadFiles) ? 'true' : 'false' }},
       canManage: {{ auth()->user()->can('manageFiles') ? 'true' : 'false' }},
   }
</script>
<script src="{{ asset('js/file-manager.js') }}"></script>

Also starting from v 2.4 we can merge those extra setting to the original settings.

@alexusmai please let me know if you are interested in a PR.

[alexusmai]

Hi, thank you.
But!! I'll need to apply ACL rules only on the frontend, because my package may be using in SPA and Laravel would be only as API.
I thinked about this feature, but I'll need time for do it.