Create function on enter key press and enable cancel action button only

This commit is contained in:
dhanabalan
2025-04-11 23:36:26 +05:30
parent 2ccad83e67
commit 3ded5ee112
2 changed files with 182 additions and 48 deletions

View File

@@ -22,6 +22,7 @@ use Illuminate\Database\Eloquent\SoftDeletingScope;
use Filament\Forms\Components\Section;
use Filament\Notifications\Notification;
use Filament\Tables\Actions\ExportAction;
//use Livewire\Livewire;
class ProductionQuantityResource extends Resource
{
@@ -33,6 +34,7 @@ class ProductionQuantityResource extends Resource
protected static ?string $navigationGroup = 'Production';
public static function form(Form $form): Form
{
return $form
@@ -44,6 +46,7 @@ class ProductionQuantityResource extends Resource
->required()
// ->nullable()
->reactive()
// ->default(fn () => optional(ProductionQuantity::latest()->first())->plant_id)
->default(function () {
return optional(ProductionQuantity::latest()->first())->plant_id;
})
@@ -247,10 +250,11 @@ class ProductionQuantityResource extends Resource
// ->required()
->reactive()
->autofocus(true)
->debounce(1000)
->debounce(100)
// ->submitOnEnter()
->afterStateUpdated(function ($state, callable $get, callable $set) {
// **Check if input is empty before processing**
$set('success_msg', null);
if (empty($state)) {
$set('item_id', null);
// $set('item_description', null);
@@ -567,10 +571,11 @@ class ProductionQuantityResource extends Resource
if (!preg_match('/^[a-zA-Z0-9]{6,}+\|[1-9][a-zA-Z0-9]{8,}+(\|)?$/', $state)) {
if (strpos($state, '|') === false) {
$set('validationError', 'Scan valid QR code. (Ex: Item_Code|Serial_Number )');
$set('item_code', null);
$set('item_id', null);
// $set('item_description', null);
$set('serial_number', null);
$set('validationError', 'Scan valid QR code. (Ex: Item_Code|Serial_Number )');
Notification::make()
->title('Invalid QR')
@@ -586,10 +591,12 @@ class ProductionQuantityResource extends Resource
$sNumber = isset($splits[1]) ? trim($splits[1]) : null;
if (!ctype_alnum($iCode)) {
$set('validationError', 'Item code must contain alpha-numeric values.');
$set('item_code', null);
$set('item_id', null);
// $set('item_description', null);
$set('serial_number', null);
$set('validationError', 'Item code must contain alpha-numeric values.');
Notification::make()
->title('Invalid Item Code')
->body("Item code must contain alpha-numeric values only.")
@@ -598,10 +605,12 @@ class ProductionQuantityResource extends Resource
return;
}
else if (strlen($iCode) < 6) {
$set('validationError', 'Item code must be at least 6 digits.');
$set('item_code', null);
$set('item_id', null);
// $set('item_description', null);
$set('serial_number', null);
$set('validationError', 'Item code must be at least 6 digits.');
Notification::make()
->title('Invalid Item Code')
->body("Item code must be at least 6 digits.")
@@ -610,10 +619,12 @@ class ProductionQuantityResource extends Resource
return;
}
else if (!ctype_alnum($sNumber)) {
$set('validationError', 'Serial Number must contain alpha-numeric values.');
$set('item_code', null);
$set('item_id', null);
// $set('item_description', null);
$set('serial_number', null);
$set('validationError', 'Serial Number must contain alpha-numeric values.');
Notification::make()
->title('Invalid Serial Number')
->body("Serial Number must contain alpha-numeric values only.")
@@ -622,10 +633,12 @@ class ProductionQuantityResource extends Resource
return;
}
else if (strlen($sNumber) < 9) {
$set('validationError', 'Serial Number must be at least 9 digits.');
// $set('item_code', null);
$set('item_id', null);
// $set('item_description', null);
$set('serial_number', null);
$set('validationError', 'Serial Number must be at least 9 digits.');
Notification::make()
->title('Invalid Serial Number')
->body("Serial Number must be at least 9 digits.")
@@ -635,10 +648,10 @@ class ProductionQuantityResource extends Resource
}
}
$set('validationError', 'Scan valid QR code. (Ex: Item_Code|Serial_Number )');
$set('item_id', null);
// $set('item_description', null);
$set('serial_number', null);
$set('validationError', 'Scan valid QR code. (Ex: Item_Code|Serial_Number )');
Notification::make()
->title('Invalid QR')
@@ -672,14 +685,33 @@ class ProductionQuantityResource extends Resource
->exists();
if (!$sNo)
{
$set('serial_number', $serialNumber);
$set('item_id', $item->id);
$set('item_code', $itemCode);
// $set('item_description', $item->description);
$set('success_msg', 'Y');
// if (preg_match('/\n/', $state)) {
// dd($state.': Enter key pressed');
//$set('serial_number', $serialNumber);
$set('item_id', $item->id);
//$set('item_code', $itemCode);
// }
// if (str_ends_with($state, "\n")) {
// // Enter key was pressed (newline character detected)
// //$state = trim($state); // Remove the newline
// dd($state.': Enter key pressed');
// // Perform your custom logic here
// // For example, you could trigger a form submission:
// // $this->submit();
// $set('serial_number', $serialNumber);
// $set('item_id', $item->id);
// $set('item_code', $itemCode);
// // $set('item_description', $item->description);
// }
}
else
{
$set('validationError', 'Serial number already exist in database.');
////$set('item_code', null); //246118|651616516155667
$set('item_id', null);
// $set('item_description', null);
$set('serial_number', null);
@@ -693,10 +725,11 @@ class ProductionQuantityResource extends Resource
}
else
{
$set('validationError', 'Item code does not exist in master data.');
$set('item_code', null);
$set('item_id', null);
// $set('item_description', null);
$set('serial_number', null);
$set('validationError', 'Item code does not exist in master data.');
Notification::make()
->title('Unknown Item Code')
@@ -710,20 +743,28 @@ class ProductionQuantityResource extends Resource
'class' => $get('validationError') ? 'border-red-500' : '',
])
->hint(fn ($get) => $get('validationError') ? $get('validationError') : null)
->hintColor('danger'),
// ->extraAttributes([
// 'x-data' => '{ value: "" }',
// 'x-model' => 'value',
// 'x-on:keydown.enter.prevent' => '$wire.processQr(value)',
// ]),
->hintColor('danger')
->extraAttributes([
'x-data' => '{}',
// 'x-data' => '{ value: "" }',
// 'x-model' => 'value',
// 'x-on:keydown.enter.prevent' => '$wire.processQr(value)',
//'wire:keydown.enter.prevent' => 'processQr(value)',
'x-on:keydown.enter.prevent' => '
const formData = new FormData($event.target.form);
const data = Object.fromEntries(formData.entries());
$wire.processAllValues(data)
',
]),
Forms\Components\Hidden::make('item_id')
->required(),
Forms\Components\TextInput::make('serial_number')
->required()
->unique(ignoreRecord: true)
->readOnly(true)
->autocapitalize('characters'),
//->columnSpanFull(),
Forms\Components\Hidden::make('success_msg')
->required(),
Forms\Components\Hidden::make('serial_number')
->required(),
//->unique(ignoreRecord: true),
// ->autocapitalize('characters'),
// ->columnSpanFull(),
Forms\Components\TextInput::make('recent_qr') //item_description
->label('Last scanned QR')
->reactive()