More compoonents for forms
This commit is contained in:
parent
f32c29fa8c
commit
83bdea458f
@ -1,4 +1,4 @@
|
|||||||
<button type="cancel" id="cancel" {{ $attributes->class(['btn','btn-sm','btn-danger']) }}>Cancel</button>
|
<button type="cancel" id="cancel" style="margin-top: 2.0rem !important;" {{ $attributes->class(['btn','btn-sm','btn-danger']) }}>Cancel</button>
|
||||||
|
|
||||||
@section('page-scripts')
|
@section('page-scripts')
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
|
@ -1 +1 @@
|
|||||||
<button type="reset" id="reset" {{ $attributes->class(['btn','btn-sm','btn-secondary']) }}>Reset</button>
|
<button type="reset" id="reset" style="margin-top: 2.0rem !important;" {{ $attributes->class(['btn','btn-sm','btn-secondary']) }}>Reset</button>
|
@ -1 +1 @@
|
|||||||
<button type="submit" id="submit" {{ $attributes->class(['btn','btn-sm','btn-success']) }}>{{ $slot }}</button>
|
<button type="submit" id="submit" style="margin-top: 2.0rem !important;" {{ $attributes->class(['btn','btn-sm','btn-success']) }}>{{ $slot }}</button>
|
@ -1,25 +1,23 @@
|
|||||||
|
@if(isset($label))
|
||||||
|
<label for="{{ $id ?? $name }}">{{ $label }}</label>
|
||||||
|
@endisset
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
@if(isset($label))
|
<div class="input-group has-validation">
|
||||||
<label for="{{ $id ?? $name }}">{{ $label }}</label>
|
@if(isset($icon) || isset($prepend))
|
||||||
@endisset
|
<div class="input-group-prepend">
|
||||||
<div class="form-group">
|
<span class="input-group-text">@isset($icon)<i class="fas fa-fw {{ $icon }}"></i>@endisset @isset($prepend){!! $prepend !!}@endisset</span>
|
||||||
<div class="input-group has-validation">
|
</div>
|
||||||
@if(isset($icon) || isset($prepend))
|
@endif()
|
||||||
<div class="input-group-prepend">
|
{{ $slot }}
|
||||||
<span class="input-group-text">@isset($icon)<i class="fas fa-fw {{ $icon }}"></i>@endisset @isset($prepend){!! $prepend !!}@endisset</span>
|
<span class="invalid-feedback" role="alert">
|
||||||
</div>
|
@error($name)
|
||||||
@endif()
|
{{ $message }}
|
||||||
{{ $slot }}
|
@elseif(isset($feedback))
|
||||||
<span class="invalid-feedback" role="alert">
|
{{ $feedback }}
|
||||||
@error($name)
|
@enderror
|
||||||
{{ $message }}
|
</span>
|
||||||
@elseif(isset($feedback))
|
|
||||||
{{ $feedback }}
|
|
||||||
@enderror
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
@isset($helper)
|
|
||||||
<span class="input-helper">{{ $helper }}</span>
|
|
||||||
@endif
|
|
||||||
</div>
|
</div>
|
||||||
|
@isset($helper)
|
||||||
|
<span class="input-helper">{{ $helper }}</span>
|
||||||
|
@endif
|
||||||
</div>
|
</div>
|
3
resources/components/form/date.blade.php
Normal file
3
resources/components/form/date.blade.php
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
<x-leenooks::form.base {{ $attributes }}>
|
||||||
|
<input type="date" class="form-control {{ $classes ?? ''}}@error($name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" value="{{ old($name,$value ?? '') }}" @readonly(isset($readonly)) @required(isset($required))>
|
||||||
|
</x-leenooks::form.base>
|
@ -1,3 +1,3 @@
|
|||||||
<x-leenooks::form.base {{ $attributes }}>
|
<x-leenooks::form.base {{ $attributes }}>
|
||||||
<input type="email" class="form-control {{ $classes ?? ''}}@error($name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" value="{{ old($name,$value ?? "") }}">
|
<input type="email" class="form-control {{ $classes ?? ''}}@error($name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" value="{{ old($name,$value ?? '') }}">
|
||||||
</x-leenooks::form.base>
|
</x-leenooks::form.base>
|
@ -1,3 +1,3 @@
|
|||||||
<x-leenooks::form.base {{ $attributes }}>
|
<x-leenooks::form.base {{ $attributes }}>
|
||||||
<input type="password" class="form-control {{ $classes ?? ''}}@error($name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" value="{{ old($name,$value ?? "") }}">
|
<input type="password" class="form-control {{ $classes ?? ''}}@error($name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" value="{{ old($name,$value ?? '') }}">
|
||||||
</x-leenooks::form.base>
|
</x-leenooks::form.base>
|
@ -1,3 +1,3 @@
|
|||||||
<x-leenooks::form.base {{ $attributes }}>
|
<x-leenooks::form.base {{ $attributes }}>
|
||||||
<input type="text" class="form-control {{ $classes ?? ''}}@error($name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" value="{{ old($name,$value ?? "") }}" @readonly(isset($readonly)) @required(isset($required))>
|
<input type="text" class="form-control {{ $classes ?? ''}}@error($name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" value="{{ old($name,$value ?? '') }}" @readonly(isset($readonly)) @required(isset($required))>
|
||||||
</x-leenooks::form.base>
|
</x-leenooks::form.base>
|
@ -1,3 +1,3 @@
|
|||||||
<x-leenooks::form.base {{ $attributes }}>
|
<x-leenooks::form.base {{ $attributes }}>
|
||||||
<textarea class="form-control {{ $classes ?? ''}} @error($name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" @isset($placeholder)placeholder="{{ $placeholder }}"@endisset>{{ old($name,$value ?? "") }}</textarea>
|
<textarea class="form-control {{ $classes ?? ''}} @error($name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" @isset($placeholder)placeholder="{{ $placeholder }}"@endisset>{{ old($name,$value ?? '') }}</textarea>
|
||||||
</x-leenooks::form.base>
|
</x-leenooks::form.base>
|
17
resources/components/form/toggle.blade.php
Normal file
17
resources/components/form/toggle.blade.php
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
<div class="form-group">
|
||||||
|
<div class="input-group has-validation">
|
||||||
|
<div class="custom-control custom-switch custom-switch-off-danger custom-switch-on-success">
|
||||||
|
<input type="checkbox" class="custom-control-input @error($name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" @checked(old($name,$value ?? ''))>
|
||||||
|
@if(isset($label))
|
||||||
|
<label class="custom-control-label" for="{{ $id ?? $name }}">{{ $label }}</label>
|
||||||
|
@endif
|
||||||
|
</div>
|
||||||
|
<span class="invalid-feedback" role="alert">
|
||||||
|
@error($name)
|
||||||
|
{{ $message }}
|
||||||
|
@elseif(isset($feedback))
|
||||||
|
{{ $feedback }}
|
||||||
|
@enderror
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
@ -1,17 +0,0 @@
|
|||||||
<div class="form-group">
|
|
||||||
<label for="{{ $id }}">{{ $label }}</label>
|
|
||||||
<div class="input-group has-validation">
|
|
||||||
@empty($icon)
|
|
||||||
@else
|
|
||||||
<div class="input-group-prepend">
|
|
||||||
<span class="input-group-text"><i class="fa-fw {{ $icon }}"></i></span>
|
|
||||||
</div>
|
|
||||||
@endempty()
|
|
||||||
<input type="date" class="form-control @error($id) is-invalid @enderror" id="{{ $id }}" name="{{ $name ?? $id}}" value="{{ old($old,$value) }}">
|
|
||||||
<span class="invalid-feedback" role="alert">
|
|
||||||
@error($id)
|
|
||||||
{{ $message }}
|
|
||||||
@enderror
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
@ -1,11 +0,0 @@
|
|||||||
<div class="form-group">
|
|
||||||
<div class="custom-control custom-switch custom-switch-off-danger custom-switch-on-success">
|
|
||||||
<input type="checkbox" class="custom-control-input" id="{{ $id }}" name="{{ $name ?: $id }}" {{ old($old ?? $name,$value) ? 'checked' : '' }}>
|
|
||||||
<label class="custom-control-label" for="{{ $id }}">{{ $label }}</label>
|
|
||||||
</div>
|
|
||||||
<span class="invalid-feedback @error($id) d-block @enderror" role="alert">
|
|
||||||
@error($id)
|
|
||||||
{{ $message }}
|
|
||||||
@enderror
|
|
||||||
</span>
|
|
||||||
</div>
|
|
Loading…
Reference in New Issue
Block a user