Advertisement
vitareinforce

imagepicker

Jan 8th, 2019
123
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.41 KB | None | 0 0
  1. //Di controller
  2. public function edit($id)
  3. {
  4. if (!Auth::check())
  5. {
  6. return redirect()->route('login');
  7. }
  8.  
  9. $news = News::with('news_translation', 'media', 'user')->find($id);
  10. $media = Media::where('file_type', 'img')->get();
  11. return view('dashboard.contents.news.update', ['news' => $news, 'media' =>$media]);
  12. }
  13.  
  14.  
  15. <!-- Di view (update.blade.php) -->
  16.  
  17. <div class="form-group">
  18. <label>Thumbnail</label>
  19. <br />
  20. <input type="hidden" id="thumbnail" name="thumbnail" class="form-control" value="{{ $news->thumbnail_id }}" />
  21. <img id="thumbnail_preview" src="{{ config('app.cdn_url').$news->media->file_location.$news->media->file_name }}" class="img-thumbnail" style="max-width: 100px; max-height: 100px;" />
  22. <br />
  23. <div class="row">
  24. &nbsp;&nbsp;&nbsp;<button type="button" class="btn btn-info" data-toggle="modal" data-target="#media-thumbnail">Pick from Media</button> or <a href="/dashboard/medias" class="btn btn-primary" target="_blank">Upload</a>
  25. </div>
  26. </div>
  27.  
  28. <!-- Modal -->
  29. <div class="modal fade" id="media-thumbnail" role="dialog">
  30. <div class="modal-dialog">
  31.  
  32. <!-- Modal content-->
  33. <div class="modal-content">
  34. <div class="modal-header">
  35. <button type="button" class="close" data-dismiss="modal">&times;</button>
  36. <h4 class="modal-title">Pick from Media</h4>
  37. </div>
  38. <div class="modal-body">
  39. <div class="row">
  40. <div class="col-xs-12">
  41. @for($i=0; $i < count($media); $i++)
  42. <a href="javascript:" onclick="pickImg(`{{ config('app.cdn_url') }}`,'{{ $media[$i]->file_location }}', '{{ $media[$i]->file_name }}', '{{ $media[$i]->id }}')"><img src="{{ config('app.cdn_url').$media[$i]->file_location.$media[$i]->file_name }}" class="img-thumbnail" style="max-width: 100px; max-height: 100px;" /></a>
  43. @endfor
  44. </div>
  45. </div>
  46. </div>
  47. <div class="modal-footer">
  48. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  49. </div>
  50. </div>
  51.  
  52. </div>
  53. </div>
  54.  
  55. @section('js')
  56. <script>
  57. CKEDITOR.replaceClass = 'ckeditor';
  58. function pickImg(baseurl, filelocation, filename, file_id) {
  59. document.getElementById("thumbnail").value = file_id;
  60. document.getElementById("thumbnail_preview").src = baseurl+filelocation+filename;
  61. }
  62. </script>
  63. @endsection
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement