jev/opensem
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Upgrade boilerplate

Browse Source
This commit is contained in:
Ludovic CANDELLIER
2021-09-22 21:01:43 +02:00
parent ffb9f81353
commit e98266e556
56 changed files with 1477 additions and 701 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
resources/views/vendor/boilerplate/plugins/demo/select2.blade.php vendored
View File

@@ -1,81 +1,22 @@
@include('boilerplate::load.select2')
@push('js')
<script>
$(function() {
$(".select2").select2();
});
</script>
@endpush
@component('boilerplate::card', ['color' => 'primary', 'title' => 'Select 2'])
@php($options = ['Alabama', 'Alaska', 'Arizona', 'California', 'Delaware', 'Florida', 'Iowa', 'Oregon', 'Minnesota', 'Tennessee', 'Texas'])
@component('boilerplate::card', ['color' => 'primary', 'title' => 'Select2'])
<div class="row">
<div class="col-12">
Usage :
<pre>
&commat;include('boilerplate::load.select2')
&commat;push('js')
&lt;script>
$('.select2').select2();
&lt;/script>
&commat;endpush</pre>
<pre>&lt;x-boilerplate::select2 name="example" label="Example" :options="['Opt 1', 'Opt 2']" /></pre>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Minimal</label>
<select class="form-control select2" style="width: 100%;">
<option selected="selected">Alabama</option>
<option>Alaska</option>
<option>California</option>
<option>Delaware</option>
<option>Tennessee</option>
<option>Texas</option>
<option>Washington</option>
</select>
</div>
<div class="form-group">
<label>Disabled</label>
<select class="form-control select2" disabled="disabled" style="width: 100%;">
<option selected="selected">Alabama</option>
<option>Alaska</option>
<option>California</option>
<option>Delaware</option>
<option>Tennessee</option>
<option>Texas</option>
<option>Washington</option>
</select>
</div>
@component('boilerplate::components.select2', ['label' => 'Minimal', 'name' => 'select2_dminimal', 'selected' => 1, 'options' => $options, 'allow-clear' => 'true', 'minimum-results-for-search' => 5])@endcomponent
</div>
<div class="col-md-6">
<div class="form-group">
<label>Multiple</label>
<select class="form-control select2" multiple="multiple" data-placeholder="Multiple select" style="width: 100%;">
<option>Alabama</option>
<option>Alaska</option>
<option>California</option>
<option selected>Delaware</option>
<option>Tennessee</option>
<option selected>Texas</option>
<option>Washington</option>
</select>
</div>
<div class="form-group">
<label>Disabled Result</label>
<select class="form-control select2" style="width: 100%;">
<option selected="selected">Alabama</option>
<option>Alaska</option>
<option disabled="disabled">California (disabled)</option>
<option>Delaware</option>
<option>Tennessee</option>
<option>Texas</option>
<option>Washington</option>
</select>
</div>
@component('boilerplate::components.select2', ['label' => 'Multiple', 'name' => 'select2_multiple', 'selected' => [1,3], 'options' => $options, 'multiple' => true])@endcomponent
</div>
</div>
@slot('footer')
<div class="small text-muted text-right">
<a href="https://select2.github.io/">select2</a>
<div class="text-right small text-muted">
<a href="https://sebastienheyd.github.io/boilerplate/components/select2" target="_blank">component</a> /
<a href="https://sebastienheyd.github.io/boilerplate/plugins/select2" target="_blank">plugin</a> /
<a href="https://select2.github.io/" target="_blank">select2</a>
</div>
@endslot
@endcomponent