TFMM/silent-auction
5
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement global searchable selects using Select2 and remove redundant per-view implementations

Browse Source
This commit is contained in:
Russ Long
2026-04-30 15:33:34 -04:00
parent 885161cc2b
commit 19f93f95bb
6 changed files with 23 additions and 154 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/checkout_select_form.blade.php
-29
View File
@@ -1,22 +1,5 @@
@extends('layouts.app') @extends('layouts.app')
@push('styles')
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<style>
.select2-container .select2-selection--single {
height: 34px;
border: 1px solid #ccc;
border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 32px;
}
</style>
@endpush
@section('content') @section('content')
<div class="container"> <div class="container">
<div class="row"> <div class="row">
@@ -49,15 +32,3 @@
</div> </div>
</div> </div>
@endsection @endsection
@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
$(document).ready(function() {
$('#checkoutbiddernum').select2({
placeholder: "Select a bidder",
allowClear: true
});
});
</script>
@endpush
resources/views/editwinners.blade.php
-33
View File
@@ -1,22 +1,5 @@
@extends('layouts.app') @extends('layouts.app')
@push('styles')
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<style>
.select2-container .select2-selection--single {
height: 34px;
border: 1px solid #ccc;
border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 32px;
}
</style>
@endpush
@section('content') @section('content')
<div class="container"> <div class="container">
<div class="row"> <div class="row">
@@ -66,19 +49,3 @@
</div> </div>
</div> </div>
@endsection @endsection
@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
$(document).ready(function() {
$('#winid').select2({
placeholder: "Select an item/winner",
allowClear: true
});
$('#winnerbiddernum').select2({
placeholder: "Select a bidder",
allowClear: true
});
});
</script>
@endpush
resources/views/layouts/app.blade.php
+23
View File
@@ -12,6 +12,20 @@
<!-- Styles --> <!-- Styles -->
<link href="{{ asset('css/app.css') }}" rel="stylesheet"> <link href="{{ asset('css/app.css') }}" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<style>
.select2-container .select2-selection--single {
height: 34px;
border: 1px solid #ccc;
border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 32px;
}
</style>
@stack('styles') @stack('styles')
</head> </head>
<body> <body>
@@ -255,6 +269,15 @@
<!-- Scripts --> <!-- Scripts -->
<script src="{{ asset('js/app.js') }}"></script> <script src="{{ asset('js/app.js') }}"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
$(document).ready(function() {
$('select').select2({
placeholder: "Select an option",
allowClear: true
});
});
</script>
@stack('scripts') @stack('scripts')
</body> </body>
</html> </html>
resources/views/reprint_receipt_form.blade.php
-29
View File
@@ -1,22 +1,5 @@
@extends('layouts.app') @extends('layouts.app')
@push('styles')
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<style>
.select2-container .select2-selection--single {
height: 34px;
border: 1px solid #ccc;
border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 32px;
}
</style>
@endpush
@section('content') @section('content')
<div class="container"> <div class="container">
<div class="row"> <div class="row">
@@ -49,15 +32,3 @@
</div> </div>
</div> </div>
@endsection @endsection
@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
$(document).ready(function() {
$('#reprintbiddernum').select2({
placeholder: "Select a bidder",
allowClear: true
});
});
</script>
@endpush
resources/views/winners.blade.php
-34
View File
@@ -1,22 +1,5 @@
@extends('layouts.app') @extends('layouts.app')
@push('styles')
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<style>
.select2-container .select2-selection--single {
height: 34px;
border: 1px solid #ccc;
border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 32px;
}
</style>
@endpush
@section('content') @section('content')
<div class="container"> <div class="container">
<div class="row"> <div class="row">
@@ -67,20 +50,3 @@
</div> </div>
</div> </div>
@endsection @endsection
@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
$(document).ready(function() {
$('#winnerbiddernum').select2({
placeholder: "Select a bidder",
allowClear: true
});
// Also making item number searchable as it's generally expected for "typed in" lookups
$('#winneritemnum').select2({
placeholder: "Select an item",
allowClear: true
});
});
</script>
@endpush
resources/views/winnertotalform.blade.php
-29
View File
@@ -1,22 +1,5 @@
@extends('layouts.app') @extends('layouts.app')
@push('styles')
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<style>
.select2-container .select2-selection--single {
height: 34px;
border: 1px solid #ccc;
border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 32px;
}
</style>
@endpush
@section('content') @section('content')
<div class="container"> <div class="container">
<div class="row"> <div class="row">
@@ -49,15 +32,3 @@
</div> </div>
</div> </div>
@endsection @endsection
@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
$(document).ready(function() {
$('#winnerbiddernum').select2({
placeholder: "Select a bidder",
allowClear: true
});
});
</script>
@endpush