Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Route
- Route::post('/przyrzady/zapisz','ToolController@store')->name('tool.zapisz');
- Controller:
- $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();
- view:
- @extends('obiekt.master')
- @section('pageTitle', 'Tworzenie przyrządu')
- @push('styles')
- <link rel="stylesheet" href="{{asset('css/croppie.css')}}">
- @endpush
- @section('content')
- <div id="app">
- <div class="container-fluid">
- <div class="row header-page">
- <div class="container">
- <div class="col-xs-12 header-page-inner">
- <a href="{{ route('tool.index')}}" class="btn btn-info pull-right">Powrót</a>
- <p class="text-muted text-center">Dodawanie przyrządów do obiektu <strong>{{ $user->first_name }}</strong></p>
- </div>
- </div>
- </div>
- </div>
- <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 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 upload-result">
- </div>
- </form>
- </div>
- @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