khadka7/media-library

There is no license information available for the latest version (dev-master) of this package.

Simple Media Library

dev-master 2019-10-23 06:29 UTC

Unknown License

• Sanjay Khadka

README

Basic Desciption

This simple media library.

Requirements

• Image Intervention.
• Be sure to add storage link php artisan storage:link
• Need Dropzone js.

Installation

• composer require khadka7/media-library
• Add this to service provider Khadka7\MediaLibrary\MediaServiceProvider::class,
• after this migrate your database
• Add routes to web.php

    MediaRoutes::routes();
  

• Use vendor publish for dropzone js and css php artisan vendor:publish --tag=media-library-assets
• Add these scripts to your master balde.

  <link rel="stylesheet" href="{{asset('vendor/media-library/css/dropzone.css')}}">
  <script src="{{asset('vendor/media-library/js/main.js')}}"></script>
  <script src="{{asset('vendor/media-library/js/dropzone.js')}}"></script>
  <script type="text/javascript">
     let mediaCreateUrl = "{{route('media.create')}}";
     let mediaListUrl = "{{route('medias.list')}}";
     let ajaxMediaListUrl = "{{route('ajax.medias.list')}}";
     let modalGridViewUrl = "{{route('media.modal.grid')}}";
     let openModalUrl = "{{route('media.modal.open')}}";
     let searchMediaUrl = "{{route('media.search')}}";
     let detailImageUrl = "{{route('media.detail','ID')}}";
     let deleteImageUrl = "{{route('media.delete','ID')}}";
     let imageInfoUrl = "{{route('media.info','ID')}}"
     let updateUrl = "{{route('media.update','ID')}}";
  </script>
  

• Add modal with modal Id - mediaModal in your blade file.

  <div id="mediaModal" class="modal fade" tabindex="-1" role="dialog">
      <div class="modal-dialog" role="document">
          <div class="modal-content">
              <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                  <h4 class="modal-title"></h4>
              </div>
              <div class="modal-body"></div>
              <div class="modal-footer">
              </div>
          </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
  

Usage

• Use this input to append your media url

<input type="text" onclick="openMedia()"">

• Go to /medias/list routes for media list
• You can add media from /media/add too.

Version

• version - 1.0 (beta)