Dontorpedo

Laravel: drag-and-drop repositioning with auto-save of DB entries

Use case: Database entries are represented in a table. By grabbing and moving a row up or down the table, you can change the entries' order/position. The changes are submitted automatically via ajax.

Uses jQueryUI (custom download: sortable is needed)
newly created elements are added to the top (see route /jobs/create)

	<?php

	namespace App\Filament\PageTemplates;

	use Filament\Forms\Components\Repeater;
	use Filament\Forms\Components\RichEditor;
	use Filament\Forms\Components\TextInput;

	final class Faq
	{

	<?php

	namespace Modules\Traceability\Filament\Resources\ProcessResource\Pages;

	use Filament\Forms;
	use Filament\Pages\Actions\Action;
	use Modules\Traceability\Entities\Company\Process;
	use Modules\Traceability\Filament\Page;

	class TableDashboard extends Page

	import Web3 from 'web3';
	import { Fetcher, ChainId, Token } from '@pancakeswap/sdk';
	import { JsonRpcProvider } from '@ethersproject/providers';
	import { BNB_ADDRESS, MAINNET_URL } from '../constants';

	const provider = new JsonRpcProvider('https://bsc-dataseed1.binance.org/');

	class Web3Service {
	constructor() {
	this.web3 = new Web3(MAINNET_URL);

	let pancakeSwapAbi = [
	{"inputs":[{"internalType":"uint256","name":"amountIn","type":"uint256"},{"internalType":"address[]","name":"path","type":"address[]"}],"name":"getAmountsOut","outputs":[{"internalType":"uint256[]","name":"amounts","type":"uint256[]"}],"stateMutability":"view","type":"function"},
	];
	let tokenAbi = [
	{"inputs":[],"name":"decimals","outputs":[{"internalType":"uint256","name":"","type":"uint256"}],"stateMutability":"view","type":"function"},
	];
	const Web3 = require('web3');

	/*
	Required Node.js

	const { ethers } = require('ethers');
	const provider = new ethers.providers.JsonRpcProvider('https://bsc-dataseed.binance.org/');

	const BEP20 = {
	BUSD: '0xe9e7cea3dedca5984780bafc599bd69add087d56',
	DOP: '0x844fa82f1e54824655470970f7004dd90546bb28',
	};

	const Contract = {
	router: new ethers.Contract(

	const express = require('express');
	const { ethers } = require('ethers');
	const app = express();
	const port = 3000;

	const provider = new ethers.providers.JsonRpcProvider('https://bsc-dataseed.binance.org/');

	const contract = {
	factory: '0xcA143Ce32Fe78f1f7019d7d551a6402fC5350c73', // PancakeSwap V2 factory
	router: '0x10ED43C718714eb63d5aA57B78B54704E256024E', // PancakeSwap V2 router

	<?php

	namespace App\Notifications;

	use Illuminate\Bus\Queueable;
	use Illuminate\Notifications\Notification;
	use Illuminate\Contracts\Queue\ShouldQueue;
	use Illuminate\Notifications\Messages\MailMessage;
	use PDF;