https://github.com/webplusmultimedia/filemanager

A file manager made with alpineJs and Livewire
https://github.com/webplusmultimedia/filemanager

alpinejs file-manager livewire tailwindcss

Last synced: 3 months ago
JSON representation

A file manager made with alpineJs and Livewire

• Host: GitHub
• URL: https://github.com/webplusmultimedia/filemanager
• Owner: webplusmultimedia
• License: mit
• Created: 2023-03-20T20:48:13.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-07-08T19:17:40.000Z (6 months ago)
• Last Synced: 2024-10-14T07:22:15.259Z (3 months ago)
• Topics: alpinejs, file-manager, livewire, tailwindcss
• Language: PHP
• Homepage:
• Size: 172 KB
• Stars: 15
• Watchers: 2
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Manage files with this file manager made with alpinejs and livewire and tailwindcss

[![Latest Version on Packagist](https://img.shields.io/packagist/v/webplusmultimedia/filemanager.svg?style=flat-square)](https://packagist.org/packages/webplusmultimedia/filemanager)

[![GitHub Tests Action Status](https://img.shields.io/github/actions/workflow/status/webplusmultimedia/filemanager/run-tests.yml?branch=main&label=tests&style=flat-square)](https://github.com/webplusmultimedia/filemanager/actions?query=workflow%3Arun-tests+branch%3Amain)

[![GitHub Code Style Action Status](https://img.shields.io/github/actions/workflow/status/webplusmultimedia/filemanager/fix-php-code-style-issues.yml?branch=main&label=code%20style&style=flat-square)](https://github.com/webplusmultimedia/filemanager/actions?query=workflow%3A"Fix+PHP+code+style+issues"+branch%3Amain)

[![Total Downloads](https://img.shields.io/packagist/dt/webplusmultimedia/filemanager.svg?style=flat-square)](https://packagist.org/packages/webplusmultimedia/filemanager)

Want to manage your files and directories in a file manager?

This one is for you. Here is the file manager made with alpineJs, Livewire and Tailwind CSS for Laravel.

This is a simple one, just adding files and directories to a root directory(default is medias) in your public storage path. You can change it in the filemanager config file.

[![img.png](https://i.postimg.cc/XvQ1M2gt/img.png)](https://postimg.cc/v1xtftkv)

## Installation

You can install the package via composer:

```bash

composer require webplusmultimedia/filemanager

```

You can publish the config file and change the root directory if you want:

```bash

php artisan vendor:publish --tag="filemanager-config"

```

This is the contents of the published config file:

```php

return [

    'root' => 'medias',

];

```

Optionally, you can publish the views, but not recommended because will failing at an future update.

```bash

php artisan vendor:publish --tag="filemanager-views"

```

Finaly, you need to compile your assets with  FileManager ones like that :

```css

/* before @tailwind base in your resources/css/app.css */

@import "./vendor/webplusmultimedia/filemanager/resources/dist/css/filemanager.css";

@tailwind base;

```

```javascript

/*  in your resources/js/app.js */

import './vendor/webplusmultimedia/filemanager/resources/dist/js/filemanager'

```

```javascript

/* put that line in content key on your tailwind.config.js */

content:[

    '*** Others paths ***',

    './vendor/webplusmultimedia/filemanager/resources/dist/js/Components/**/*.js'

]

```

## Usage

For simple use in a blade view :

```html



    


        


            


                
{{ __("Téléversement de fichiers") }}

                

                

            

        

    



```


## Testing

```bash

composer test

```

## Changelog

Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.

## Contributing

Please see [CONTRIBUTING](CONTRIBUTING.md) for details.

## Security Vulnerabilities

Please review [our security policy](../../security/policy) on how to report security vulnerabilities.

## Credits

- [Webplusm Multimedia](https://github.com/webplusmultimedia)

## License

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.