Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Route:
- Route::post('/przyrzady/zapisz','ToolController@store')->name('tool.zapisz');
- method:
- public function store(Request $request)
- {
- $tool = new Tool();
- $tool->przyrzad = $request->przyrzad;
- $tool->ilosc = $request->ilosc;
- if ($request->hasFile('photo'))
- {
- $image = $request->file('photo');
- $imagename = uniqid('przyrzad_').'.'. $image->getClientOriginalExtension();
- $image->storeAs('public/obiekty/przyrzady/', $imagename);
- $tool->photo = $imagename;
- }
- $tools->save();
- return redirect()->route('tool.index')->with(['success' => 'Dodałeś przyrząd']);
- }
- view:
- @extends('obiekt.master')
- @section('pageTitle', 'Tworzenie przyrządu')
- @push('styles')
- <link rel="stylesheet" href="{{asset('css/croppie.css')}}">
- @endpush
- @section('content')
- <form action="{{ route('tool.zapisz') }}" method="POST" novalidate enctype="multipart/form-data">
- {{ csrf_field() }}
- <div class="form-group @if ($errors->has('przyrzad')) has-error @endif">
- <label for="przyrzad">Nazwa przyrządu</label>
- <div class="input-group">
- <span class="input-group-addon"><i class="fa fa-paint-brush"></i></span>
- <input type="text" name="przyrzad" class="form-control" placeholder="Nazwa przyrzadu" value="{{old('przyrzad')}}" autofocus>
- </div>
- @if ($errors->has('przyrzad')) <p class="help-block">{{ $errors->first('przyrzad') }}</p> @endif
- </div>
- <div class="form-group @if($errors->has('part')) has-error @endif">
- <label for="part">Część ciała</label>
- <select name="part[]" id="part" class="form-control select2-multi" multiple="multiple">
- @foreach($parts as $one)
- <option value="{{$one->id}}">{{$one->name}}</option>
- @endforeach
- </select>
- @if ($errors->has('part')) <p class="help-block">{{ $errors->first('part') }}</p> @endif
- </div>
- <div id="upload-into"></div>
- <div class="form-group @if ($errors->has('photo')) has-error @endif">
- <div id="upload-demo" style="width:350px"></div>
- <label for="photo">Wrzuć zdjęcie</label>
- <div class="input-group">
- <span class="input-group-addon"><i class="fa fa-paint-brush"></i></span>
- <input type="file" name="photo" class="form-control" placeholder="Wrzuć zdjęcie" id="uploading">
- </div>
- @if ($errors->has('photo')) <p class="help-block">{{ $errors->first('photo') }}</p> @endif
- </div>
- <div class="form-group @if ($errors->has('ilosc')) has-error @endif">
- <label for="ilosc">Liczba przyrządów</label>
- <div class="input-group">
- <span class="input-group-addon"><i class="fa fa-paint-brush"></i></span>
- <input type="text" name="ilosc" class="form-control" placeholder="Wpisz liczbę" value="{{old('ilosc')}}">
- </div>
- @if ($errors->has('ilosc')) <p class="help-block">{{ $errors->first('ilosc') }}</p> @endif
- </div>
- <div class="form-group">
- <input type="submit" value="Dodaj Przyrząd" class="btn btn-success pull-right">
- </div>
- </form>
- @endsection
- @push('scripts')
- <script src="{{asset('js/select2.min.js')}}"></script>
- <script src="{{asset('js/croppie.js')}}"></script>
- <script>
- $.ajaxSetup({
- headers: {
- 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
- }
- });
- $uploadCrop = $('#upload-into').croppie({
- viewport: {
- width: 200,
- height: 200,
- type: 'square'
- },
- boundary: {
- width: 300,
- height: 300
- },
- enableExif: true
- });
- $('#uploading').on('change', function () {
- var reader = new FileReader();
- reader.onload = function (e) {
- $uploadCrop.croppie('bind', {
- url: e.target.result
- }).then(function(e){
- console.log('jQuery bind complete');
- });
- }
- reader.readAsDataURL(this.files[0]);
- });
- $('.upload-result').on('click', function (ev) {
- $uploadCrop.croppie('result', {
- type: 'canvas',
- size: 'viewport'
- }).then(function (resp) {
- console.log(resp);
- });
- });
- $('.select2-multi').select2({
- placeholder: 'Wybierz część ciała',
- allowClear: true,
- language: "pl"
- });
- </script>
- @endpush
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement