Advertisement
majweb

Untitled

Aug 19th, 2017
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.50 KB | None | 0 0
  1. Route
  2. Route::post('/przyrzady/zapisz','ToolController@store')->name('tool.zapisz');
  3.  
  4. Controller:
  5. $tool = new Tool();
  6. $tool->przyrzad = $request->przyrzad;
  7. $tool->ilosc = $request->ilosc;
  8.  
  9. if ($request->hasFile('photo'))
  10. {
  11. $image = $request->file('photo');
  12. $imagename = uniqid('przyrzad_').'.'. $image->getClientOriginalExtension();
  13. $image->storeAs('public/obiekty/przyrzady/', $imagename);
  14. $tool->photo = $imagename;
  15. }
  16. $tools->save();
  17.  
  18. view:
  19.  
  20. @extends('obiekt.master')
  21. @section('pageTitle', 'Tworzenie przyrządu')
  22. @push('styles')
  23. <link rel="stylesheet" href="{{asset('css/croppie.css')}}">
  24. @endpush
  25. @section('content')
  26. <div id="app">
  27. <div class="container-fluid">
  28. <div class="row header-page">
  29. <div class="container">
  30. <div class="col-xs-12 header-page-inner">
  31. <a href="{{ route('tool.index')}}" class="btn btn-info pull-right">Powrót</a>
  32. <p class="text-muted text-center">Dodawanie przyrządów do obiektu <strong>{{ $user->first_name }}</strong></p>
  33. </div>
  34. </div>
  35. </div>
  36. </div>
  37. <form action="{{ route('tool.zapisz') }}" method="POST" novalidate enctype="multipart/form-data">
  38. {{ csrf_field() }}
  39. <div class="form-group @if ($errors->has('przyrzad')) has-error @endif">
  40. <label for="przyrzad">Nazwa przyrządu</label>
  41. <div class="input-group">
  42. <span class="input-group-addon"><i class="fa fa-paint-brush"></i></span>
  43. <input type="text" name="przyrzad" class="form-control" placeholder="Nazwa przyrzadu" value="{{old('przyrzad')}}" autofocus>
  44. </div>
  45. @if ($errors->has('przyrzad')) <p class="help-block">{{ $errors->first('przyrzad') }}</p> @endif
  46. </div>
  47. <div id="upload-into"></div>
  48. <div class="form-group @if ($errors->has('photo')) has-error @endif">
  49. <div id="upload-demo" style="width:350px"></div>
  50. <label for="photo">Wrzuć zdjęcie</label>
  51. <div class="input-group">
  52. <span class="input-group-addon"><i class="fa fa-paint-brush"></i></span>
  53. <input type="file" name="photo" class="form-control" placeholder="Wrzuć zdjęcie" id="uploading">
  54. </div>
  55. @if ($errors->has('photo')) <p class="help-block">{{ $errors->first('photo') }}</p> @endif
  56. </div>
  57. <div class="form-group @if ($errors->has('ilosc')) has-error @endif">
  58. <label for="ilosc">Liczba przyrządów</label>
  59. <div class="input-group">
  60. <span class="input-group-addon"><i class="fa fa-paint-brush"></i></span>
  61. <input type="text" name="ilosc" class="form-control" placeholder="Wpisz liczbę" value="{{old('ilosc')}}">
  62. </div>
  63. @if ($errors->has('ilosc')) <p class="help-block">{{ $errors->first('ilosc') }}</p> @endif
  64. </div>
  65. <div class="form-group">
  66. <input type="submit" value="Dodaj Przyrząd" class="btn btn-success pull-right upload-result">
  67. </div>
  68. </form>
  69. </div>
  70. @endsection
  71. @push('scripts')
  72. <script src="{{asset('js/select2.min.js')}}"></script>
  73. <script src="{{asset('js/croppie.js')}}"></script>
  74. <script>
  75. $.ajaxSetup({
  76. headers: {
  77. 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  78. }
  79. });
  80.  
  81. $uploadCrop = $('#upload-into').croppie({
  82. viewport: {
  83. width: 200,
  84. height: 200,
  85. type: 'square'
  86. },
  87. boundary: {
  88. width: 300,
  89. height: 300
  90. },
  91. enableExif: true
  92. });
  93.  
  94. $('#uploading').on('change', function () {
  95. var reader = new FileReader();
  96. reader.onload = function (e) {
  97. $uploadCrop.croppie('bind', {
  98. url: e.target.result
  99. }).then(function(e){
  100. console.log('jQuery bind complete');
  101. });
  102. }
  103. reader.readAsDataURL(this.files[0]);
  104. });
  105. $('.upload-result').on('click', function (ev) {
  106. $uploadCrop.croppie('result', {
  107. type: 'canvas',
  108. size: 'viewport'
  109. }).then(function (resp) {
  110. console.log(resp);
  111. });
  112. });
  113. $('.select2-multi').select2({
  114. placeholder: 'Wybierz część ciała',
  115. allowClear: true,
  116. language: "pl"
  117. });
  118. </script>
  119. @endpush
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement