laravel gallery manager is a laravel package for
- manage gallery
- manage slider
- PHP >= 7.0
- Laravel 5.5|5.6
composer require artincms/laravel_gallery_system
@php artisan lgs:install --force --full
php artisan vendor:publish --provider="ArtinCMS\LGS\LGSServiceProvider" --force
php artisan vendor:publish --provider="ArtinCMS\LFM\LFMServiceProvider" --force
php artisan vendor:publish --provider="ArtinCMS\LCS\LCSServiceProvider" --force
php artisan vendor:publish --provider="ArtinCMS\LLS\LLSServiceProvider" --force
php artisan vendor:publish --provider="ArtinCMS\LVS\LVSServiceProvider" --force
php artisan vendor:publish --provider="ArtinCMS\LMM\LMMServiceProvider" --force
and sure bellow seed run in your project
php artisan db:seed --class="ArtinCMS\LFM\Database\Seeds\FilemanagerTableSeeder"
php artisan db:seed --class="ArtinCMS\LGS\Database\Seeds\LmmMorphableTableSeeder"
LGS_CreateModalGalleryManager()
LGS_CreateModalSliderManager()
<script src="{{ asset('vendor/laravel_gallery_system/components/gallery.min.js') }}" defer></script>
.
.
.
.
<div id="lgs_gallery">
<laravel_gallery_system :gallery_id='0' :lang_id='1' :rtl=true :jalali_data=true></laravel_gallery_system>
</div>
at first you should create js file to load vue and define component div as bellow :
window.Vue = require('vue');
Vue.component('laravel_gallery_system', require('./components/laravel_gallery_system/gallery/laravel_gallery_system.vue'));
window.onload = function () {
const gallery = new Vue({
el: '#lgs_gallery',
});
}
if you dont want devlope gallery component you can use sample js file in 'public/vendor/laravel_gallery_system/components/gallery.min.js' and use it on your page . after you create js file (both you create or use sample js file) you should put component element in page as bellow
<div id="lgs_gallery">
<laravel_gallery_system :gallery_id='0' :lang_id='1' :rtl=true></laravel_gallery_system>
</div>
Props | Type | Default | Description |
---|---|---|---|
gallery_id | Number | 0 | gallery you want show if you set it to 0 show all gallery in main root |
lang_id | Number | null | The language item if set to null select all language |
rtl | Boolean | true | the direction of page rtl set true and ltr set to false |
Project | Description | npm install |
---|---|---|
Vuex | Vuex is a state management pattern + library for Vue.js applications | npm install vuex --save |
axios | Promise based HTTP client for the browser and node.js | npm install axios |
Vue Translate Plugin | A VueJS (1.x, 2.0+) plugin for basic translations. | npm i vue-translate-plugin |
Vue-scrollto | Scrolling to elements was never this easy! | npm install --save vue-scrollto |