Skip to content

Commit

Permalink
Merge branch 'release/2.1.4'
Browse files Browse the repository at this point in the history
  • Loading branch information
alexusmai committed Feb 27, 2019
2 parents a8a2561 + 96750f9 commit f0b253d
Show file tree
Hide file tree
Showing 3 changed files with 44 additions and 43 deletions.
73 changes: 37 additions & 36 deletions docs/installation.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,50 +19,51 @@
4. You can install npm package directly and use it in your vue application - more information about it -
[vue-laravel-file-manager](https://github.com/alexusmai/vue-laravel-file-manager)

OR
>OR

Publish compiled and minimized js and css files

```
php artisan vendor:publish --tag=fm-assets
```

Open the view file where you want to place the application block, and add:

* add a csrf token to head block if you did not do it before

```html
<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
```

* the frontend package uses **Bootstrap 4** and **Font Awesome 5** styles, if you already use it, then you do not need to connect any styles.
Otherwise add -

5. Open the view file where you want to place the application block, and add:
```html
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
```

* add file manager styles

```html
<link rel="stylesheet" href="{{ asset('vendor/file-manager/css/file-manager.css') }}">
```

* add file manager js

```html
<script src="{{ asset('vendor/file-manager/js/file-manager.js') }}"></script>
```

* add div for application (set application height!)

```html
<div style="height: 600px;">
<div id="fm"></div>
</div>
```

* add a csrf token to head block if you did not do it before

```html
<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
```

* the frontend package uses **Bootstrap 4** and **Font Awesome 5** styles, if you already use it, then you do not need to connect any styles.
Otherwise add -

```html
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
```

* add file manager styles

```html
<link rel="stylesheet" href="{{ asset('vendor/file-manager/css/file-manager.css') }}">
```

* add file manager js

```html
<script src="{{ asset('vendor/file-manager/js/file-manager.js') }}"></script>
```

* add div for application (set application height!)

```html
<div style="height: 600px;">
<div id="fm"></div>
</div>
```

## What's next

Expand Down
2 changes: 1 addition & 1 deletion resources/assets/css/file-manager.css

Large diffs are not rendered by default.

Loading

0 comments on commit f0b253d

Please sign in to comment.