ariefajar
/
MIF_E31221322
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #42 from arieeefajar/fix/master-land 

Fix/master land
This commit is contained in:
Arie Fajar Bachtiar 2025-06-17 13:51:47 +07:00 committed by GitHub
parent fd0e3ece54 27d71bc1c5
commit 258b89d88e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
16 changed files with 775 additions and 5732 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/Http/Controllers/AssesmentFormController.php
View File

@ -35,6 +35,7 @@ public function calculateCFc($cf1, $cf2)
public function store(Request $request)
{
dd($request->all());
$customMessages = [
'land.required' => 'Harap pilih lahan',
'land.exists' => 'Lahan tidak ditemukan',

50
app/Http/Controllers/LandControllerOfficer.php
View File

@ -20,8 +20,7 @@ public function index()
public function create()
{
$provinces = Province::all();
return view('master-data.lahan.create', compact('provinces'));
return view('master-data.lahan.create');
}
public function store(Request $request)
@ -31,15 +30,6 @@ public function store(Request $request)
'owner.max' => 'Nama pemilik maksimal 25 karakter',
'owner.string' => 'Nama pemilik harus berupa string',
'province_id.required' => 'Provinsi wajib diisi',
'province_id.exists' => 'Provinsi tidak ditemukan',
'regency_id.required' => 'Kota wajib diisi',
'regency_id.exists' => 'Kota tidak ditemukan',
'district_id.required' => 'Kecamatan wajib diisi',
'district_id.exists' => 'Kecamatan tidak ditemukan',
'address.required' => 'Alamat wajib diisi',
'address.max' => 'Alamat maksimal 100 karakter',
'address.string' => 'Alamat harus berupa string',
@ -55,9 +45,6 @@ public function store(Request $request)
$validator = Validator::make($request->all(), [
'owner' => 'required|string|max:25',
'province_id' => 'required|exists:provinces,id',
'regency_id' => 'required|exists:regencies,id',
'district_id' => 'required|exists:districts,id',
'address' => 'required|string|max:100',
'lat' => 'required|numeric',
'lng' => 'required|numeric',
@ -76,12 +63,7 @@ public function store(Request $request)
$land = new Land();
$land->user_id = Auth::user()->id;
$land->owner = $request->owner;
$land->province_code = $request->province_id;
$land->regency_code = $request->regency_id;
$land->district_code = $request->district_id;
$land->address = $request->address;
$land->latitude = $request->lat;
$land->longitude = $request->lng;
$land->save();
foreach ($polygon as $point) {
@ -105,7 +87,6 @@ public function store(Request $request)
public function edit($id)
{
$land = Land::with('detailLands')->findOrFail($id);
$provinces = Province::all();
$landDetails = $land->detailLands->map(function ($detail) {
return [
'lat' => $detail->lat,
@ -113,47 +94,26 @@ public function edit($id)
];
});
return view('master-data.lahan.edit', compact('id', 'provinces', 'land', 'landDetails'));
return view('master-data.lahan.edit', compact('id', 'land', 'landDetails'));
}
public function update(Request $request, $id)
{
$customMessage = [
'owner.required' => 'Nama pemilik wajib diisi',
'owner.max' => 'Nama pemilik maksimal 25 karakter',
'owner.string' => 'Nama pemilik harus berupa string',
'province_id.required' => 'Provinsi wajib diisi',
'province_id.exists' => 'Provinsi tidak ditemukan',
'regency_id.required' => 'Kota wajib diisi',
'regency_id.exists' => 'Kota tidak ditemukan',
'district_id.required' => 'Kecamatan wajib diisi',
'district_id.exists' => 'Kecamatan tidak ditemukan',
'address.required' => 'Alamat wajib diisi',
'address.max' => 'Alamat maksimal 100 karakter',
'address.string' => 'Alamat harus berupa string',
'lat.required' => 'Latitude wajib diisi',
'lat.numeric' => 'Latitude harus berupa angka',
'lng.required' => 'Longitude wajib diisi',
'lng.numeric' => 'Longitude harus berupa angka',
'polygon.required' => 'Petak lahan wajib digambar',
];
$validator = Validator::make($request->all(), [
'owner' => 'required|string|max:25',
'province_id' => 'required|exists:provinces,id',
'regency_id' => 'required|exists:regencies,id',
'district_id' => 'required|exists:districts,id',
'address' => 'required|string|max:100',
'lat' => 'required|numeric',
'lng' => 'required|numeric',
'polygon' => 'required',
], $customMessage);
@ -169,12 +129,7 @@ public function update(Request $request, $id)
$land = Land::findOrFail($id);
$land->user_id = Auth::user()->id;
$land->owner = $request->owner;
$land->province_code = $request->province_id;
$land->regency_code = $request->regency_id;
$land->district_code = $request->district_id;
$land->address = $request->address;
$land->latitude = $request->lat;
$land->longitude = $request->lng;
$land->save();
LandDetails::where('land_id', $land->id)->delete();
@ -192,7 +147,6 @@ public function update(Request $request, $id)
return redirect()->route('lahan.index');
} catch (\Throwable $th) {
DB::rollBack();
dd($th->getMessage());
toast('Terjadi kesalahan', 'error')->position('top')->autoclose(3000);
return redirect()->back();
}

31
app/Http/Controllers/MasterData/LandController.php
View File

@ -21,8 +21,7 @@ public function index()
public function create()
{
$provinces = Province::all();
return view('master-data.lahan.create', compact('provinces'));
return view('master-data.lahan.create');
}
public function store(Request $request)
@ -32,36 +31,16 @@ public function store(Request $request)
'owner.max' => 'Nama pemilik maksimal 25 karakter',
'owner.string' => 'Nama pemilik harus berupa string',
'province_id.required' => 'Provinsi wajib diisi',
'province_id.exists' => 'Provinsi tidak ditemukan',
'regency_id.required' => 'Kota wajib diisi',
'regency_id.exists' => 'Kota tidak ditemukan',
'district_id.required' => 'Kecamatan wajib diisi',
'district_id.exists' => 'Kecamatan tidak ditemukan',
'address.required' => 'Alamat wajib diisi',
'address.max' => 'Alamat maksimal 100 karakter',
'address.string' => 'Alamat harus berupa string',
'lat.required' => 'Latitude wajib diisi',
'lat.numeric' => 'Latitude harus berupa angka',
'lng.required' => 'Longitude wajib diisi',
'lng.numeric' => 'Longitude harus berupa angka',
'polygon.required' => 'Petak lahan wajib digambar',
];
$validator = Validator::make($request->all(), [
'owner' => 'required|string|max:25',
'province_id' => 'required|exists:provinces,id',
'regency_id' => 'required|exists:regencies,id',
'district_id' => 'required|exists:districts,id',
'address' => 'required|string|max:100',
'lat' => 'required|numeric',
'lng' => 'required|numeric',
'polygon' => 'required',
], $customMessage);
@ -77,12 +56,7 @@ public function store(Request $request)
$land = new Land();
$land->user_id = Auth::user()->id;
$land->owner = $request->owner;
$land->province_code = $request->province_id;
$land->regency_code = $request->regency_id;
$land->district_code = $request->district_id;
$land->address = $request->address;
$land->latitude = $request->lat;
$land->longitude = $request->lng;
$land->save();
foreach ($polygon as $point) {
@ -110,7 +84,6 @@ public function store(Request $request)
public function edit($id)
{
$land = Land::with('detailLands')->findOrFail($id);
$provinces = Province::all();
$landDetails = $land->detailLands->map(function ($detail) {
return [
'lat' => $detail->lat,
@ -118,7 +91,7 @@ public function edit($id)
];
});
return view('master-data.lahan.edit', compact('id', 'provinces', 'land', 'landDetails'));
return view('master-data.lahan.edit', compact('id', 'land', 'landDetails'));
}
public function update(Request $request, $id)

1246
composer.lock generated
View File

File diff suppressed because it is too large Load Diff

31
database/migrations/2025_01_20_065420_create_provinces_table.php
View File

@ -1,31 +0,0 @@
<?php
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
return new class extends Migration
{
/**
* Run the migrations.
*/
public function up(): void
{
Schema::create('provinces', function (Blueprint $table) {
$table->id();
$table->string('name');
$table->string('alt_name');
$table->double('latitude');
$table->double('longitude');
$table->timestamps();
});
}
/**
* Reverse the migrations.
*/
public function down(): void
{
Schema::dropIfExists('provinces');
}
};

36
database/migrations/2025_01_21_065420_create_regencies_table.php
View File

@ -1,36 +0,0 @@
<?php
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
return new class extends Migration
{
/**
* Run the migrations.
*/
public function up(): void
{
Schema::create('regencies', function (Blueprint $table) {
$table->id();
$table->unsignedBigInteger('province_id');
$table->string('name');
$table->string('alt_name');
$table->double('latitude');
$table->double('longitude');
$table->timestamps();
});
Schema::table('regencies', function (Blueprint $table) {
$table->foreign('province_id')->references('id')->on('provinces');
});
}
/**
* Reverse the migrations.
*/
public function down(): void
{
Schema::dropIfExists('regencies');
}
};

36
database/migrations/2025_01_22_065420_create_districts_table.php
View File

@ -1,36 +0,0 @@
<?php
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
return new class extends Migration
{
/**
* Run the migrations.
*/
public function up(): void
{
Schema::create('districts', function (Blueprint $table) {
$table->id();
$table->unsignedBigInteger('regency_id');
$table->string('name');
$table->string('alt_name');
$table->double('latitude');
$table->double('longitude');
$table->timestamps();
});
Schema::table('districts', function (Blueprint $table) {
$table->foreign('regency_id')->references('id')->on('regencies');
});
}
/**
* Reverse the migrations.
*/
public function down(): void
{
Schema::dropIfExists('districts');
}
};

5
database/migrations/2025_01_28_065420_create_land_table.php
View File

@ -15,12 +15,7 @@ public function up(): void
$table->id();
$table->unsignedBigInteger('user_id');
$table->string('owner');
$table->string('province_code');
$table->string('regency_code');
$table->string('district_code');
$table->string('address');
$table->string('latitude');
$table->string('longitude');
$table->timestamps();
});

3
database/seeders/DatabaseSeeder.php
View File

@ -22,9 +22,6 @@ public function run(): void
$this->call([
UsersSeeder::class,
ProvinceSeeder::class,
RegenciesSeeder::class,
// LandSeeder::class,
IndicatorSeeder::class,
RuleSeeder::class,
RuleExpertSeeder::class

261
database/seeders/ProvinceSeeder.php
View File

@ -1,261 +0,0 @@
<?php
namespace Database\Seeders;
use App\Models\Province;
use Illuminate\Database\Console\Seeds\WithoutModelEvents;
use Illuminate\Database\Seeder;
class ProvinceSeeder extends Seeder
{
/**
* Run the database seeds.
*/
public function run(): void
{
$provinces = [
[
'id' => 11,
'name' => 'ACEH',
'alt_name' => 'ACEH',
'latitude' => 4.368550,
'longitude' => 97.025300,
],
[
'id' => 12,
'name' => 'SUMATERA UTARA',
'alt_name' => 'SUMATERA UTARA',
'latitude' => 2.192350,
'longitude' => 99.381220,
],
[
'id' => 13,
'name' => 'SUMATERA BARAT',
'alt_name' => 'SUMATERA BARAT',
'latitude' => -1.342250,
'longitude' => 100.076100,
],
[
'id' => 14,
'name' => 'RIAU',
'alt_name' => 'RIAU',
'latitude' => 0.500410,
'longitude' => 101.547580,
],
[
'id' => 15,
'name' => 'JAMBI',
'alt_name' => 'JAMBI',
'latitude' => -1.611570,
'longitude' => 102.779700,
],
[
'id' => 16,
'name' => 'SUMATERA SELATAN',
'alt_name' => 'SUMATERA SELATAN',
'latitude' => -3.126680,
'longitude' => 104.093060,
],
[
'id' => 17,
'name' => 'BENGKULU',
'alt_name' => 'BENGKULU',
'latitude' => -3.518680,
'longitude' => 102.535980,
],
[
'id' => 18,
'name' => 'LAMPUNG',
'alt_name' => 'LAMPUNG',
'latitude' => -4.855500,
'longitude' => 105.027300,
],
[
'id' => 19,
'name' => 'KEPULAUAN BANGKA BELITUNG',
'alt_name' => 'KEPULAUAN BANGKA BELITUNG',
'latitude' => -2.757750,
'longitude' => 107.583940,
],
[
'id' => 21,
'name' => 'KEPULAUAN RIAU',
'alt_name' => 'KEPULAUAN RIAU',
'latitude' => -0.154780,
'longitude' => 104.580370,
],
[
'id' => 31,
'name' => 'DKI JAKARTA',
'alt_name' => 'DKI JAKARTA',
'latitude' => 6.174500,
'longitude' => 106.822700,
],
[
'id' => 32,
'name' => 'JAWA BARAT',
'alt_name' => 'JAWA BARAT',
'latitude' => -6.889170,
'longitude' => 107.640470,
],
[
'id' => 33,
'name' => 'JAWA TENGAH',
'alt_name' => 'JAWA TENGAH',
'latitude' => -7.303240,
'longitude' => 110.004410,
],
[
'id' => 34,
'name' => 'DI YOGYAKARTA',
'alt_name' => 'DI YOGYAKARTA',
'latitude' => 7.795600,
'longitude' => 110.369500,
],
[
'id' => 35,
'name' => 'JAWA TIMUR',
'alt_name' => 'JAWA TIMUR',
'latitude' => -6.968510,
'longitude' => 113.980050,
],
[
'id' => 36,
'name' => 'BANTEN',
'alt_name' => 'BANTEN',
'latitude' => -6.445380,
'longitude' => 106.137560,
],
[
'id' => 51,
'name' => 'BALI',
'alt_name' => 'BALI',
'latitude' => -8.235660,
'longitude' => 115.122390,
],
[
'id' => 52,
'name' => 'NUSA TENGGARA BARAT',
'alt_name' => 'NUSA TENGGARA BARAT',
'latitude' => -8.121790,
'longitude' => 117.636960,
],
[
'id' => 53,
'name' => 'NUSA TENGGARA TIMUR',
'alt_name' => 'NUSA TENGGARA TIMUR',
'latitude' => -8.565680,
'longitude' => 120.697860,
],
[
'id' => 61,
'name' => 'KALIMANTAN BARAT',
'alt_name' => 'KALIMANTAN BARAT',
'latitude' => -0.132240,
'longitude' => 111.096890,
],
[
'id' => 62,
'name' => 'KALIMANTAN TENGAH',
'alt_name' => 'KALIMANTAN TENGAH',
'latitude' => -1.499580,
'longitude' => 113.290330,
],
[
'id' => 63,
'name' => 'KALIMANTAN SELATAN',
'alt_name' => 'KALIMANTAN SELATAN',
'latitude' => -2.943480,
'longitude' => 115.375650,
],
[
'id' => 64,
'name' => 'KALIMANTAN TIMUR',
'alt_name' => 'KALIMANTAN TIMUR',
'latitude' => 0.788440,
'longitude' => 116.242000,
],
[
'id' => 65,
'name' => 'KALIMANTAN UTARA',
'alt_name' => 'KALIMANTAN UTARA',
'latitude' => 2.725940,
'longitude' => 116.911000,
],
[
'id' => 71,
'name' => 'SULAWESI UTARA',
'alt_name' => 'SULAWESI UTARA',
'latitude' => 0.655570,
'longitude' => 124.090150,
],
[
'id' => 72,
'name' => 'SULAWESI TENGAH',
'alt_name' => 'SULAWESI TENGAH',
'latitude' => -1.693780,
'longitude' => 120.808860,
],
[
'id' => 73,
'name' => 'SULAWESI SELATAN',
'alt_name' => 'SULAWESI SELATAN',
'latitude' => -3.644670,
'longitude' => 119.947190,
],
[
'id' => 74,
'name' => 'SULAWESI TENGGARA',
'alt_name' => 'SULAWESI TENGGARA',
'latitude' => -3.549120,
'longitude' => 121.727960,
],
[
'id' => 75,
'name' => 'GORONTALO',
'alt_name' => 'GORONTALO',
'latitude' => 0.718620,
'longitude' => 122.455590,
],
[
'id' => 76,
'name' => 'SULAWESI BARAT',
'alt_name' => 'SULAWESI BARAT',
'latitude' => -2.497450,
'longitude' => 119.391900,
],
[
'id' => 81,
'name' => 'MALUKU',
'alt_name' => 'MALUKU',
'latitude' => -3.118840,
'longitude' => 129.420780,
],
[
'id' => 82,
'name' => 'MALUKU UTARA',
'alt_name' => 'MALUKU UTARA',
'latitude' => 0.630120,
'longitude' => 127.972020,
],
[
'id' => 91,
'name' => 'PAPUA BARAT',
'alt_name' => 'PAPUA BARAT',
'latitude' => -1.384240,
'longitude' => 132.902530,
],
[
'id' => 94,
'name' => 'PAPUA',
'alt_name' => 'PAPUA',
'latitude' => -3.988570,
'longitude' => 138.348530,
],
];
foreach ($provinces as $province) {
Province::create($province);
}
}
}

4135
database/seeders/RegenciesSeeder.php
View File

File diff suppressed because it is too large Load Diff

277
public/assets/js/pages/customJs/master-data/lahan/create.js
View File

@ -1,5 +1,19 @@
var map, drawnItems, drawControl, googleHybrid, iconMarker;
var currentMarker = null;
var btnLocation = document.getElementById("location-btn");
var form = document.getElementById("add-form");
var addressContainer = form.querySelector("#address-container");
var addressField = form.querySelector("#address-field");
var mapContainer = form.querySelector("#map-container");
var latField = form.querySelector("#lat");
var lngField = form.querySelector("#lng");
var polygonField = form.querySelector("#polygon");
var loading = form.querySelector("#loading");
var btnContainer = form.querySelector("#add-footer");
document.addEventListener("DOMContentLoaded", function () {
initMap();
});
function initMap() {
map = L.map("map", {
@ -57,200 +71,88 @@ function initMap() {
});
}
var form = document.getElementById("add-form");
var provinceField = form.querySelector("#province-field");
var provinceVal = new Choices(provinceField);
function fetchWithTimeout(url, options = {}, timeout = 10000) {
return Promise.race([
fetch(url, options),
new Promise((_, reject) =>
setTimeout(
() =>
reject(new Error("Request timeout, periksa koneksi Anda")),
timeout
)
),
]);
}
var regencyContainer = form.querySelector("#regency-container");
var regencyField = form.querySelector("#regency-field");
var regencyVal = new Choices(regencyField, {
shouldSort: false,
});
var districtContainer = form.querySelector("#district-container");
var districtField = form.querySelector("#district-field");
var districtVal = new Choices(districtField, {
shouldSort: false,
});
var addressContainer = form.querySelector("#address-container");
var addressField = form.querySelector("#address-field");
var mapContainer = form.querySelector("#map-container");
var latField = form.querySelector("#lat");
var lngField = form.querySelector("#lng");
var polygonField = form.querySelector("#polygon");
var loading = form.querySelector("#loading");
var btnContainer = form.querySelector("#add-footer");
document.addEventListener("DOMContentLoaded", function () {
initMap();
if (provinceField.value !== "") {
getRegencies(provinceField.value);
async function reverseGeocode(lat, lng) {
try {
const response = await fetchWithTimeout(
`https://nominatim.openstreetmap.org/reverse?lat=${lat}&lon=${lng}&format=json&accept-language=id`
);
const data = await response.json();
return data.display_name;
} catch (error) {
return alert(`Error ` + error.message);
}
});
function getRegencies(provinceId) {
regencyContainer.style.display = "none";
districtContainer.style.display = "none";
addressContainer.style.display = "none";
loading.style.display = "block";
mapContainer.style.display = "none";
const url = "/location/get-regency/" + provinceId;
$.ajax({
url: url,
type: "GET",
success: function (response) {
if (response.success) {
loading.style.display = "none";
const data = response.data;
regencyVal.clearStore();
regencyVal.clearChoices();
regencyVal.value = "";
regencyVal.setChoices([
{
value: "",
label: "Pilih Kabupaten",
selected: true,
disabled: true,
},
]);
if (Array.isArray(data)) {
regencyVal.setChoices(
data.map((regency) => ({
value: regency.id,
label: regency.name,
selected: false,
disabled: false,
}))
);
regencyContainer.style.display = "block";
} else {
mapContainer.style.display = "block";
mapContainer.innerHTML =
"<p class='text-center text-muted'>Terjadi kesalaahan saat mengambil data, silahkan coba beberapa saat lagi</p>";
}
}
},
error: function (xhr, status, error) {
mapContainer.style.display = "block";
mapContainer.innerHTML =
"<p class='text-center text-muted'>Terjadi kesalaahan saat mengambil data, silahkan coba beberapa saat lagi</p>";
},
});
}
function getDistricts(regencyId) {
districtContainer.style.display = "none";
addressContainer.style.display = "none";
loading.style.display = "block";
mapContainer.style.display = "none";
const url = "/location/get-district/" + regencyId;
$.ajax({
url: url,
type: "GET",
success: function (response) {
if (response.success) {
loading.style.display = "none";
const data = response.data;
districtVal.clearStore();
districtVal.clearChoices();
districtVal.value = "";
districtVal.setChoices([
{
value: "",
label: "Pilih Kecamatan",
selected: true,
disabled: true,
},
]);
if (Array.isArray(data)) {
districtVal.setChoices(
data.map((district) => ({
value: district.id,
label: district.name,
selected: false,
disabled: false,
}))
);
districtContainer.style.display = "block";
} else {
mapContainer.style.display = "block";
mapContainer.innerHTML =
"<p class='text-center text-muted'>Terjadi kesalaahan saat mengambil data, silahkan coba beberapa saat lagi</p>";
}
}
},
error: function (xhr, status, error) {
mapContainer.style.display = "block";
mapContainer.innerHTML =
"<p class='text-center text-muted'>Terjadi kesalaahan saat mengambil data, silahkan coba beberapa saat lagi</p>";
},
});
}
function showmap(districtId) {
loading.style.display = "block";
function getLocation() {
if (!navigator.geolocation) {
alert("Geolocation tidak didukung oleh browser ini.");
return;
}
btnLocation.innerHTML = ``;
btnLocation.innerHTML = `<span class="d-flex align-items-center">
<span class="flex-grow-1 me-2">
Loading...
</span>
<span class="spinner-border flex-shrink-0" role="status">
<span class="visually-hidden">Loading...</span>
</span>
</span>`;
btnLocation.disabled = true;
navigator.geolocation.getCurrentPosition(
function (position) {
loading.style.display = "none";
mapContainer.style.display = "block";
map.invalidateSize();
addressContainer.style.display = "block";
async function (position) {
var lat = position.coords.latitude;
var lng = position.coords.longitude;
map.setView([lat, lng], 16);
try {
const address = await reverseGeocode(lat, lng);
btnLocation.classList.add("d-none");
addressContainer.style.display = "block";
mapContainer.style.display = "block";
map.invalidateSize();
if (currentMarker) {
map.removeLayer(currentMarker);
addressField.value = address;
map.setView([lat, lng], 16);
if (currentMarker) {
map.removeLayer(currentMarker);
}
currentMarker = L.marker([lat, lng], {
icon: iconMarker,
draggable: true,
}).addTo(map);
currentMarker.on("dragend", onPointerDragend);
currentMarker
.bindPopup(
`<div class="text-center"><b>Anda berada di sini</b><br />Silahkan tentukan petak lahan.<br />Pastikan lokasi anda sudah benar.</div>`
)
.openPopup();
latField.value = lat;
lngField.value = lng;
} catch (error) {
alert(`Error ` + error.message);
} finally {
btnLocation.disabled = false;
}
if (currentMarker || currentMarkerEdit) {
map.removeLayer(currentMarker);
}
var iconMarker = L.icon({
iconUrl: "/assets/images/marker.png",
iconSize: [50, 50],
iconAnchor: [25, 50],
popupAnchor: [0, -50],
});
currentMarker = L.marker([lat, lng], {
icon: iconMarker,
draggable: true,
}).addTo(map);
currentMarker.on("dragend", onPointerDragend);
currentMarker
.bindPopup(
`<div class="text-center"><b>Anda berada di sini</b><br />Silahkan tentukan petak lahan.<br />Pastikan lokasi anda sudah benar.</div>`
)
.openPopup();
latField.value = lat;
lngField.value = lng;
},
function (error) {
alert("Error: " + error.message);
@ -258,9 +160,22 @@ function showmap(districtId) {
);
}
function onPointerDragend() {
async function onPointerDragend() {
if (!currentMarker) return;
var coordinates = currentMarker.getLatLng();
loading.style.display = "block";
addressContainer.style.display = "none";
try {
const address = await reverseGeocode(coordinates.lat, coordinates.lng);
loading.style.display = "none";
addressContainer.style.display = "block";
addressField.value = address;
} catch (error) {
alert(`Error ` + error.message);
} finally {
loading.style.display = "none";
}
currentMarker
.setLatLng(coordinates)
@ -277,7 +192,6 @@ function handleDrawCreated(e) {
var layer = e.layer;
drawnItems.addLayer(layer);
var coordinates = layer.getLatLngs()[0];
console.log("Koordinat Polygon:", coordinates);
polygonField.value = JSON.stringify(coordinates);
layer.bindPopup("<b>Petak Lahan Berhasil Dibuat!</b>").openPopup();
@ -288,7 +202,6 @@ function handleDrawEdited(e) {
var layers = e.layers;
layers.eachLayer(function (layer) {
var coordinates = layer.getLatLngs();
console.log("Koordinat setelah diedit:", coordinates);
polygonField.value = JSON.stringify(coordinates);
layer.bindPopup("<b>Petak Lahan Berhasil Diedit!</b>").openPopup();

280
public/assets/js/pages/customJs/master-data/lahan/update.js
View File

@ -1,40 +1,47 @@
var mapEdit, drawnItems, drawControl, googleHybrid, iconMarker;
var currentMarkerEdit = null;
var formEdit = document.getElementById("edit-form");
var provinceEditField = formEdit.querySelector("#province-edit-field");
var provinceEditVal = new Choices(provinceEditField);
var regencyEditContainer = formEdit.querySelector("#regency-edit-container");
let regencyCode = formEdit.querySelector("#regency-code").dataset.regency;
var regencyEditField = formEdit.querySelector("#regency-edit-field");
var regencyEditVal = new Choices(regencyEditField, {
shouldSort: false,
});
var districtEditContainer = formEdit.querySelector("#district-edit-container");
let districtCode = formEdit.querySelector("#district-code").dataset.district;
var districtEditField = formEdit.querySelector("#district-edit-field");
var districtEditVal = new Choices(districtEditField, {
shouldSort: false,
});
var addressEditContainer = formEdit.querySelector("#address-edit-container");
var addressEditField = formEdit.querySelector("#address-edit-field");
var mapEditConatiner = formEdit.querySelector("#map-edit-container");
var latEditField = formEdit.querySelector("#lat-edit");
var lngEditField = formEdit.querySelector("#lng-edit");
var polygonField = formEdit.querySelector("#polygon-edit");
let latDb = formEdit.querySelector("#lat-db").dataset.lat;
let lngDb = formEdit.querySelector("#lng-db").dataset.lng;
let polygonDb = formEdit.querySelector("#polygon-db");
let polygonData = polygonDb.getAttribute("data-polygon");
var loadingEdit = formEdit.querySelector("#loading-edit");
var btnEditContainer = formEdit.querySelector("#edit-footer");
document.addEventListener("DOMContentLoaded", function () {
initMapEdit();
setMapEdit();
});
function fetchWithTimeout(url, options = {}, timeout = 10000) {
return Promise.race([
fetch(url, options),
new Promise((_, reject) =>
setTimeout(
() =>
reject(new Error("Request timeout, periksa koneksi Anda")),
timeout
)
),
]);
}
async function reverseGeocode(lat, lng) {
try {
const response = await fetchWithTimeout(
`https://nominatim.openstreetmap.org/reverse?lat=${lat}&lon=${lng}&format=json&accept-language=id`
);
const data = await response.json();
return data.display_name;
} catch (error) {
return alert(`Error ` + error.message);
}
}
function initMapEdit() {
mapEdit = L.map("map-edit", {
attributionControl: false,
@ -89,246 +96,43 @@ function initMapEdit() {
mapEdit.invalidateSize();
}
document.addEventListener("DOMContentLoaded", function () {
initMapEdit();
getRegencies(provinceEditField.value);
getDistricts(regencyCode);
setMapEdit();
});
function getProvinces(provinceId) {
return new Promise(function (resolve, reject) {
$.ajax({
url: "/location/get-province",
type: "GET",
success: function (response) {
if (response.success) {
const province = response.data.find(
(province) => province.id == provinceId
);
resolve(province);
} else {
reject(new Error("Terjadi kesalahan saat mengambil data"));
}
},
error: function (xhr, status, error) {
reject(new Error("Terjadi kesalahan saat mengambil data"));
},
});
});
}
function getRegencies(provinceId) {
regencyEditContainer.style.display = "none";
districtEditContainer.style.display = "none";
addressEditContainer.style.display = "none";
loadingEdit.style.display = "block";
mapEditConatiner.style.display = "none";
const url = "/location/get-regency/" + provinceId;
$.ajax({
url: url,
type: "GET",
success: function (response) {
if (response.success) {
loadingEdit.style.display = "none";
const data = response.data;
regencyEditVal.clearStore();
regencyEditVal.clearChoices();
regencyEditVal.value = "";
regencyEditVal.setChoices([
{
value: "",
label: "Pilih Kabupaten",
selected: false,
disabled: true,
},
]);
if (Array.isArray(data)) {
regencyEditVal.setChoices(
data.map((regency) => ({
value: regency.id,
label: regency.name,
selected: regency.id == regencyCode,
disabled: false,
}))
);
regencyEditContainer.style.display = "block";
} else {
mapEditConatiner.style.display = "block";
mapEditConatiner.innerHTML =
"<p class='text-center text-muted'>Terjadi kesalaahan saat mengambil data, silahkan coba beberapa saat lagi</p>";
}
}
},
error: function (xhr, status, error) {
mapEditConatiner.style.display = "block";
mapEditConatiner.innerHTML =
"<p class='text-center text-muted'>Terjadi kesalaahan saat mengambil data, silahkan coba beberapa saat lagi</p>";
},
});
}
function getDistricts(regencyId) {
districtEditContainer.style.display = "none";
addressEditContainer.style.display = "none";
loadingEdit.style.display = "block";
mapEditConatiner.style.display = "none";
handleDrawDeleted();
const url = "/location/get-district/" + regencyId;
$.ajax({
url: url,
type: "GET",
success: function (response) {
if (response.success) {
loadingEdit.style.display = "none";
const data = response.data;
console.log(data);
districtEditVal.clearStore();
districtEditVal.clearChoices();
districtEditVal.value = "";
districtEditVal.setChoices([
{
value: "",
label: "Pilih Kecamatan",
selected: false,
disabled: true,
},
]);
if (Array.isArray(data)) {
districtEditVal.setChoices(
data.map((district) => ({
value: district.id,
label: district.name,
selected: district.id == districtCode,
disabled: false,
}))
);
districtEditContainer.style.display = "block";
} else {
mapEditConatiner.style.display = "block";
mapEditConatiner.innerHTML =
"<p class='text-center text-muted'>Terjadi kesalaahan saat mengambil data, silahkan coba beberapa saat lagi</p>";
}
}
},
error: function (xhr, status, error) {
mapEditConatiner.style.display = "block";
mapEditConatiner.innerHTML =
"<p class='text-center text-muted'>Terjadi kesalaahan saat mengambil data, silahkan coba beberapa saat lagi</p>";
},
});
}
function showmap(districtId) {
loadingEdit.style.display = "block";
if (!navigator.geolocation) {
alert("Geolocation tidak didukung oleh browser ini.");
return;
}
navigator.geolocation.getCurrentPosition(
function (position) {
loadingEdit.style.display = "none";
mapEditConatiner.style.display = "block";
mapEdit.invalidateSize();
addressEditContainer.style.display = "block";
btnEditContainer.style.display = "block";
var lat = position.coords.latitude;
var lng = position.coords.longitude;
console.log(lat, lng);
mapEdit.setView([lat, lng], 16);
if (currentMarkerEdit) {
mapEdit.removeLayer(currentMarkerEdit);
}
var iconMarker = L.icon({
iconUrl: "/assets/images/marker.png",
iconSize: [50, 50],
iconAnchor: [25, 50],
popupAnchor: [0, -50],
});
currentMarkerEdit = L.marker([lat, lng], {
icon: iconMarker,
draggable: true,
}).addTo(mapEdit);
currentMarkerEdit.on("dragend", onPointerDragend);
currentMarkerEdit
.bindPopup(
`<div class="text-center"><b>Anda berada di sini</b><br />Silahkan tentukan petak lahan.<br />Pastikan lokasi anda sudah benar.</div>`
)
.openPopup();
latEditField.value = lat;
lngEditField.value = lng;
},
function (error) {
alert("Error: " + error.message);
}
);
}
function setMapEdit() {
loadingEdit.style.display = "block";
mapEditConatiner.style.display = "block";
mapEdit.invalidateSize();
addressEditContainer.style.display = "block";
btnEditContainer.style.display = "block";
mapEdit.setView([latDb, lngDb], 16);
if (polygonData) {
let coordinates = JSON.parse(polygonData);
console.log("Polygon Data:", coordinates);
let latlngs = coordinates.map((point) => [point.lat, point.lng]);
let polygon = L.polygon(latlngs, { color: "blue" }).addTo(mapEdit);
drawnItems.addLayer(polygon);
mapEdit.fitBounds(polygon.getBounds());
polygonField.value = JSON.stringify(coordinates);
}
if (currentMarkerEdit) {
mapEdit.removeLayer(currentMarkerEdit);
}
var iconMarker = L.icon({
iconUrl: "/assets/images/marker.png",
iconSize: [50, 50],
iconAnchor: [25, 50],
popupAnchor: [0, -50],
});
currentMarkerEdit = L.marker([latDb, lngDb], {
icon: iconMarker,
draggable: true,
}).addTo(mapEdit);
currentMarkerEdit.on("dragend", onPointerDragend);
currentMarkerEdit
.bindPopup(
`<div class="text-center"><b>Anda berada di sini</b><br />Silahkan tentukan petak lahan.<br />Pastikan lokasi anda sudah benar.</div>`
)
.openPopup();
loadingEdit.style.display = "none";
}
function handleDrawCreated(e) {
@ -358,16 +162,28 @@ function handleDrawDeleted(e) {
polygonField.value = "";
}
function onPointerDragend() {
async function onPointerDragend() {
if (!currentMarkerEdit) return;
var coordinates = currentMarkerEdit.getLatLng();
loadingEdit.style.display = "block";
addressEditContainer.style.display = "none";
btnEditContainer.style.display = "none";
try {
const address = await reverseGeocode(coordinates.lat, coordinates.lng);
loadingEdit.style.display = "none";
addressEditContainer.style.display = "block";
addressEditField.value = address;
} catch (error) {
alert(`Error ` + error.message);
} finally {
loadingEdit.style.display = "none";
btnEditContainer.style.display = "block";
}
currentMarkerEdit
.setLatLng(coordinates)
.bindPopup(
`<div class="text-center"><b>Anda berada di sini</b><br />Silahkan tentukan petak lahan.<br />Pastikan lokasi anda sudah benar.</div>`
)
.openPopup();
latEditField.value = coordinates.lat;
lngEditField.value = coordinates.lng;
}

50
resources/views/master-data/lahan/create.blade.php
View File

@ -55,51 +55,9 @@
</div>
</div>
{{-- <div class="mb-3">
<label for="landname-field" class="form-label">Nama Lahan</label>
<input type="text" id="landname-field" class="form-control" name="land_name"
value="{{ old('land_name') }}" placeholder="Masukan Nama Lahan" required />
<div class="invalid-feedback">
Masukan Nama Lahan
</div>
</div> --}}
<div class="mb-3">
<label for="province-field" class="form-label">Provinsi</label>
<select name="province_id" id="province-field" class="form-control" required
onchange="getRegencies(this.value)">
<option value="" selected disabled>Pilih Provinsi</option>
@foreach ($provinces as $province)
<option value="{{ $province->id }}"
{{ old('province_id') == $province->id ? 'selected' : '' }}>
{{ $province->name }}</option>
@endforeach
</select>
<div class="invalid-feedback">
Harap Pilih Provinsi
</div>
</div>
<div class="mb-3" id="regency-container" style="display: none">
<label for="regency-field" class="form-label">Kabupaten atau Kota</label>
<select name="regency_id" id="regency-field" class="form-control" required
onchange="getDistricts(this.value)">
<option value="" selected disabled>Pilih Kabupaten atau Kota</option>
</select>
<div class="invalid-feedback">
Harap Pilih Kabupaten atau Kota
</div>
</div>
<div class="mb-3" id="district-container" style="display: none">
<label for="district-field" class="form-label">Kecamatan</label>
<select name="district_id" id="district-field" class="form-control" required
onchange="showmap(this.value)">
<option value="" selected disabled>Pilih Kecamatan</option>
</select>
<div class="invalid-feedback">
Harap Pilih Kecamatan
</div>
<div class="mb-3 text-end">
<button id="location-btn" class="btn btn-success btn-load" type="button"
onclick="getLocation()">Dapatkan Lokasi Lahan!</button>
</div>
<div id="loading" class="text-center" style="display: none">
@ -110,7 +68,7 @@
<div class="mb-3" id="address-container" style="display: none">
<label for="address-field" class="form-label">Alamat</label>
<textarea name="address" id="address-field" rows="3" class="form-control"
<textarea name="address" id="address-field" rows="3" class="form-control" readonly
placeholder="Masukan Alamat, cnth: Jl. Jend. Sudirman No. 12" required></textarea>
<div class="invalid-feedback">
Masukan Alamat

60
resources/views/master-data/lahan/edit.blade.php
View File

@ -59,55 +59,6 @@
</div>
</div>
{{-- <div class="mb-3">
<label for="landname-edit-field" class="form-label">Nama Lahan</label>
<input type="text" id="landname-edit-field" class="form-control" name="land_name"
value="{{ old('land_name') }}" placeholder="Masukan Nama Lahan" required />
<div class="invalid-feedback">
Masukan Nama Lahan
</div>
</div> --}}
<div class="mb-3">
<label for="province-edit-field" class="form-label">Provinsi</label>
<select name="province_id" id="province-edit-field" class="form-control" required
onchange="getRegencies(this.value)">
<option value="" selected disabled>Pilih Provinsi</option>
@foreach ($provinces as $province)
<option value="{{ $province->id }}"
{{ old('province_id', $land->province_code) == $province->id ? 'selected' : '' }}>
{{ $province->name }}</option>
@endforeach
</select>
<div class="invalid-feedback">
Harap Pilih Provinsi
</div>
</div>
<div class="mb-3" id="regency-edit-container">
<label for="regency-edit-field" class="form-label">Kabupaten atau Kota</label>
<input type="hidden" id="regency-code" data-regency="{{ $land->regency_code }}">
<select name="regency_id" id="regency-edit-field" class="form-control" required
onchange="getDistricts(this.value)">
<option value="" selected disabled>Pilih Kabupaten atau Kota</option>
</select>
<div class="invalid-feedback">
Harap Pilih Kabupaten atau Kota
</div>
</div>
<div class="mb-3" id="district-edit-container">
<label for="district-edit-field" class="form-label">Kecamatan</label>
<input type="hidden" id="district-code" data-district="{{ $land->district_code }}">
<select name="district_id" id="district-edit-field" class="form-control" required
onchange="showmap(this.value)">
<option value="" selected disabled>Pilih Kecamatan</option>
</select>
<div class="invalid-feedback">
Harap Pilih Kecamatan
</div>
</div>
<div id="loading-edit" class="text-center" style="display: none">
<div class="spinner-border text-primary" role="status">
<span class="visually-hidden">Loading...</span>
@ -116,7 +67,7 @@
<div class="mb-3" id="address-edit-container">
<label for="address-edit-field" class="form-label">Alamat</label>
<textarea name="address" id="address-edit-field" rows="3" class="form-control"
<textarea name="address" id="address-edit-field" rows="3" class="form-control" readonly
placeholder="Masukan Alamat, cnth: Jl. Jend. Sudirman No. 12" required>{{ old('address', $land->address) }}</textarea>
<div class="invalid-feedback">
Masukan Alamat
@ -128,16 +79,11 @@
<div id="map-edit"></div>
<div class="mt-3">
<input type="hidden" name="lat" id="lat-edit" class="form-control"
value="{{ $land->latitude }}" readonly>
<input type="hidden" name="lng" id="lng-edit" class="form-control"
value="{{ $land->longitude }}" readonly>
<input type="hidden" name="polygon" id="polygon-edit" class="form-control"
readonly>
<input type="hidden" id="lat-db" data-lat={{ $land->latitude }}>
<input type="hidden" id="lng-db" data-lng={{ $land->longitude }}>
<input type="hidden" id="lat-db" data-lat={{ $landDetails[0]['lat'] }}>
<input type="hidden" id="lng-db" data-lng={{ $landDetails[0]['lng'] }}>
<input type="hidden" id="polygon-db"
data-polygon="{{ json_encode($landDetails) }}">

5
resources/views/master-data/lahan/index.blade.php
View File

@ -64,10 +64,7 @@ class="fw-medium link-primary">#VZ2101</a></td>
<td class="owner">{{ $land->owner }}</td>
</td>
<td class="status">
<span class="text-capitalize">{{ $land->address }}, Kecamatan
{{ ucwords(strtolower($land->district->name)) }},
{{ ucwords(strtolower($land->regency->name)) }}, Provinsi
{{ ucwords(strtolower($land->province->name)) }}</span>
<span class="text-capitalize">{{ $land->address }}</span>
</td>
@if (Auth::user()->role == 'admin')
<td class="user">{{ $land->user->username }}</td>