BookStack Code Mirror - bookstack/blob - resources/views/form/image-picker.blade.php

   1 <div component="image-picker"
   2      option:image-picker:default-image="{{ $defaultImage }}"
   3      class="image-picker @if($errors->has($name)) has-error @endif">
   4
   5     <div class="grid half">
   6         <div class="text-center">
   7             <img refs="image-picker@image"
   8                 @if($currentImage && $currentImage !== 'none') src="{{$currentImage}}" @else src="{{$defaultImage}}" @endif
   9                 class="{{$imageClass}} @if($currentImage=== 'none') none @endif" alt="{{ trans('components.image_preview') }}">
  10         </div>
  11         <div class="text-center">
  12             <input refs="image-picker@image-input" type="file" class="custom-file-input" accept="image/*" name="{{ $name }}" id="{{ $name }}">
  13             <label for="{{ $name }}" class="button outline">{{ trans('components.image_select_image') }}</label>
  14             <input refs="image-picker@reset-input" type="hidden" name="{{ $name }}_reset" value="true" disabled="disabled">
  15             @if(isset($removeName))
  16                 <input refs="image-picker@remove-input" type="hidden" name="{{ $removeName }}" value="{{ $removeValue }}" disabled="disabled">
  17             @endif
  18
  19             <br>
  20             <button refs="image-picker@reset-button" class="text-button text-muted" type="button">{{ trans('common.reset') }}</button>
  21
  22             @if(isset($removeName))
  23                 <span class="sep">|</span>
  24                 <button refs="image-picker@remove-button" class="text-button text-muted" type="button">{{ trans('common.remove') }}</button>
  25             @endif
  26         </div>
  27     </div>
  28
  29     @if($errors->has($name))
  30         <div class="text-neg text-small">{{ $errors->first($name) }}</div>
  31     @endif
  32
  33 </div>