MAGANG_TB_dan_PNP_2023/pelayanan_pelatihan
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update to git

Browse Source
This commit is contained in:
Runggu Marusaha Manalu 2023-11-19 12:37:25 +00:00
parent 455f885217
commit e809a71aae
52 changed files with 5235 additions and 1292 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
app/Http/Controllers/DataBumdesController.php
View File

@ -11,15 +11,17 @@ use App\Models\data_pribadi_bumdes;
use App\Http\Requests\Storedata_bumdesRequest;
use App\Http\Requests\Updatedata_bumdesRequest;
use Illuminate\Support\Facades\Validator;
use Illuminate\Support\Facades\DB;
class DataBumdesController extends Controller
{
/**
* Display a listing of the resource.
*/
public function savebumdes(Request $request){
public function savebumdes(Request $request)
{
$rules = [
'nip' => 'required',
'nip' => 'required|integer',
'nama_lengkap' => 'required',
'pangkat' => 'required',
'jabatan' => 'required',
@ -55,7 +57,7 @@ class DataBumdesController extends Controller
if ($validator->fails()) {
return response()->json(['input_data_gagal' => $validator->errors()], 400);
}
data_pribadi_bumdes::create([
$data_pribadi_bumdes = data_pribadi_bumdes::create([
"nip" => $request->nip,
"nama_lengkap" => $request->nama_lengkap,
"pangkat" => $request->pangkat,
@ -69,8 +71,10 @@ class DataBumdesController extends Controller
data_distrik_bumdes::create([
"nama_distrik" => $request->nama_distrik,
"jumlah_kampung" => $request->jumlah_kampung,
"jumlah_penduduk"=>$request->jumlah_penduduk
"jumlah_penduduk" => $request->jumlah_penduduk,
'data_pribadi_bumdes_id' => $data_pribadi_bumdes->id
]);
data_bumdes::create([
"pendidikan" => $request->pendidikan,
"pertanian" => $request->pertanian,
@ -89,6 +93,7 @@ class DataBumdesController extends Controller
"jarak_tempuh_bandara" => $request->jarak_tempuh_bandara,
"jarak_tempuh_kampung" => $request->jarak_tempuh_kampung,
"sharing_information" => $request->sharing_information,
'data_pribadi_bumdes_id' => $data_pribadi_bumdes->id
]);
$response = [
'nip' => $request->nip,
@ -121,9 +126,29 @@ class DataBumdesController extends Controller
'jenis_pelatihan' => $request->jenis_pelatihan,
// 'kampung_binaan' => $request->kampung_binaan,
'sharing_information' => $request->sharing_information,
'data_id' => $data_pribadi_bumdes->id
];
return response()->json(['data' => $response, 'message' => 'Data berhasil disimpan']);
}
public function printpagesbumdes($category, $id)
{
// dd($category);
// dd($id);
// $categori = $category . "";
// dd($categori);
$query = "SELECT
data_pribadi_bumdes.*,
data_bumdes.*,
data_distrik_bumdes.*
FROM
data_pribadi_bumdes
INNER JOIN data_bumdes ON data_pribadi_bumdes.ID = data_bumdes.data_pribadi_bumdes_id ::
INT INNER JOIN data_distrik_bumdes ON data_pribadi_bumdes.ID = data_distrik_bumdes.data_pribadi_bumdes_id :: INT WHERE data_pribadi_bumdes.id = $id";
$data = DB::select($query);
// dd($data[0]);
return view('BumDes.print-pages', [
'data_pribadi' => $data,
]);
}
public function index()

34
app/Http/Controllers/DataClatransController.php
View File

@ -9,15 +9,17 @@ use App\Models\data_distrik_caltrans;
use App\Models\data_pribadi_caltrans;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Validator;
use Illuminate\Support\Facades\DB;
class DataClatransController extends Controller
{
/**
* Display a listing of the resource.
*/
public function savedatacaltrans(Request $request){
public function savedatacaltrans(Request $request)
{
$rules = [
'nip' => 'required',
'nip' => 'required|integer',
'nama_lengkap' => 'required',
'pangkat' => 'required',
'jabatan' => 'required',
@ -53,7 +55,7 @@ class DataClatransController extends Controller
if ($validator->fails()) {
return response()->json(['input_data_gagal' => $validator->errors()], 400);
}
data_pribadi_caltrans::create([
$data_pribadi_caltrans = data_pribadi_caltrans::create([
"nip" => $request->nip,
"nama_lengkap" => $request->nama_lengkap,
"pangkat" => $request->pangkat,
@ -67,7 +69,8 @@ class DataClatransController extends Controller
data_distrik_caltrans::create([
"nama_distrik" => $request->nama_distrik,
"jumlah_kampung" => $request->jumlah_kampung,
"jumlah_penduduk"=>$request->jumlah_penduduk
"jumlah_penduduk" => $request->jumlah_penduduk,
"data_pribadi_caltrans_id" => $data_pribadi_caltrans->id
]);
data_clatrans::create([
"pendidikan" => $request->pendidikan,
@ -87,6 +90,7 @@ class DataClatransController extends Controller
"kampung_binaan" => $request->kampung_binaan,
"jenis_pelatihan" => $request->jenis_pelatihan,
"sharing_information" => $request->sharing_information,
"data_pribadi_caltrans_id" => $data_pribadi_caltrans->id
]);
$response = [
'nip' => $request->nip,
@ -118,11 +122,33 @@ class DataClatransController extends Controller
'jenis_pelatihan' => $request->jenis_pelatihan,
'kampung_binaan' => $request->kampung_binaan,
'sharing_information' => $request->sharing_information,
'data_id' => $data_pribadi_caltrans->id
];
// dd($response);
// Kembalikan respons JSON
return response()->json(['data' => $response, 'message' => 'Data berhasil disimpan']);
}
public function printpagescaltrans($category, $id)
{
// dd($category);
// dd($id);
// $categori = $category . "";
// dd($categori);
$query = "SELECT
data_pribadi_caltrans.*,
data_clatrans.*,
data_distrik_caltrans.*
FROM
data_pribadi_caltrans
INNER JOIN data_clatrans ON data_pribadi_caltrans.ID = data_clatrans.data_pribadi_caltrans_id ::
INT INNER JOIN data_distrik_caltrans ON data_pribadi_caltrans.ID = data_distrik_caltrans.data_pribadi_caltrans_id :: INT WHERE data_pribadi_caltrans.id = $id";
$data = DB::select($query);
// dd($data[0]);
return view('CalTrans.print-pages', [
'data_pribadi' => $data,
]);
}
public function index()
{
//

29
app/Http/Controllers/DataDeswitaController.php
View File

@ -1,6 +1,7 @@
<?php
namespace App\Http\Controllers;
use App\Models\data_distrik_deswita;
use App\Models\data_pribadi_deswita;
use Illuminate\Http\Request;
@ -8,14 +9,17 @@ use App\Models\data_deswita;
use App\Http\Requests\Storedata_deswitaRequest;
use App\Http\Requests\Updatedata_deswitaRequest;
use Illuminate\Support\Facades\Validator;
use Illuminate\Support\Facades\DB;
class DataDeswitaController extends Controller
{
/**
* Display a listing of the resource.
*/
public function savedatadeswita(Request $request){
public function savedatadeswita(Request $request)
{
$rules = [
'nip' => 'required',
'nip' => 'required|integer',
'nama_lengkap' => 'required',
'pangkat' => 'required',
'jabatan' => 'required',
@ -45,7 +49,7 @@ class DataDeswitaController extends Controller
if ($validator->fails()) {
return response()->json(['input_data_gagal' => $validator->errors()], 400);
}
data_pribadi_deswita::create([
$data_pribadi_deswita = data_pribadi_deswita::create([
"nip" => $request->nip,
"nama_lengkap" => $request->nama_lengkap,
"pangkat" => $request->pangkat,
@ -59,7 +63,8 @@ class DataDeswitaController extends Controller
data_distrik_deswita::create([
"nama_distrik" => $request->nama_distrik,
"jumlah_kampung" => $request->jumlah_kampung,
"jumlah_penduduk"=>$request->jumlah_penduduk
"jumlah_penduduk" => $request->jumlah_penduduk,
"data_pribadi_deswita_id" => $data_pribadi_deswita->id
]);
data_deswita::create([
"pendidikan" => $request->pendidikan,
@ -73,6 +78,7 @@ class DataDeswitaController extends Controller
"jarak_tempuh_bandara" => $request->jarak_tempuh_bandara,
"jarak_tempuh_kampung" => $request->jarak_tempuh_kampung,
"sharing_information" => $request->sharing_information,
"data_pribadi_deswita_id" => $data_pribadi_deswita->id
]);
$response = [
'nip' => $request->nip,
@ -98,11 +104,24 @@ class DataDeswitaController extends Controller
'jenis_pelatihan' => $request->jenis_pelatihan,
'kampung_binaan' => $request->kampung_binaan,
'sharing_information' => $request->sharing_information,
'data_id' => $data_pribadi_deswita->id
];
// dd($response);
// Kembalikan respons JSON
return response()->json(['data' => $response, 'message' => 'Data berhasil disimpan']);
}
public function printpagesdeswita($category, $id)
{
// dd($category);
// dd($id);
$categori = $category . "s";
// dd($categori);
$query = "SELECT data_pribadi_$categori.*, data_$categori.*, data_distrik_$categori.* FROM data_pribadi_$categori INNER JOIN data_$categori ON data_pribadi_$categori.id = data_$categori.data_pribadi_" . $category . "_id::int INNER JOIN data_distrik_$categori ON data_pribadi_$categori.id = data_distrik_$categori.data_pribadi_" . $category . "_id::int WHERE data_pribadi_deswitas.id = $id";
$data = DB::select($query);
// dd($data[0]);
return view('DesWita.print-pages', [
'data_pribadi' => $data,
]);
}
public function index()
{

33
app/Http/Controllers/DataKpmdController.php
View File

@ -8,6 +8,7 @@ use App\Http\Requests\Storedata_kpmdRequest;
use App\Http\Requests\Updatedata_kpmdRequest;
use App\Models\data_pribadi_kpmd;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\DB;
use Illuminate\Support\Facades\Validator;
class DataKpmdController extends Controller
@ -15,9 +16,10 @@ class DataKpmdController extends Controller
/**
* Display a listing of the resource.
*/
public function savedatakpmd(Request $request){
public function savedatakpmd(Request $request)
{
$rules = [
'nip' => 'required|string',
'nip' => 'required|integer',
'nama_lengkap' => 'required|string',
'pangkat' => 'required|string',
'jabatan' => 'required|string',
@ -57,7 +59,7 @@ class DataKpmdController extends Controller
// }
// dd($validator);
data_pribadi_kpmd::create([
$data_pribadi_kpmd = data_pribadi_kpmd::create([
"nip" => $request->nip,
"nama_lengkap" => $request->nama_lengkap,
"pangkat" => $request->pangkat,
@ -71,7 +73,8 @@ class DataKpmdController extends Controller
data_distrik_kpmd::create([
"nama_distrik" => $request->nama_distrik,
"jumlah_kampung" => $request->jumlah_kampung,
"jumlah_penduduk"=>$request->jumlah_penduduk
"jumlah_penduduk" => $request->jumlah_penduduk,
"data_pribadi_kpmd_id" => $data_pribadi_kpmd->id
]);
data_kpmd::create([
"pendidikan" => $request->pendidikan,
@ -88,6 +91,7 @@ class DataKpmdController extends Controller
"jenis_pelatihan" => $request->jenis_pelatihan,
"kampung_binaan" => $request->kampung_binaan,
"sharing_information" => $request->sharing_information,
"data_pribadi_kpmd_id" => $data_pribadi_kpmd->id
]);
$response = [
'nip' => $request->nip,
@ -116,13 +120,30 @@ class DataKpmdController extends Controller
'jenis_pelatihan' => $request->jenis_pelatihan,
'kampung_binaan' => $request->kampung_binaan,
'sharing_information' => $request->sharing_information,
'data_id' => $data_pribadi_kpmd->id
];
// dd($response);
// Kembalikan respons JSON
return response()->json(['data' => $response, 'message' => 'Data berhasil disimpan']);
}
public function printpages($category, $id)
{
// dd($category);
// dd($id);
$categori = $category . "s";
// dd($categori);
$query = "SELECT data_pribadi_$categori.*, data_$categori.*, data_distrik_$categori.* FROM data_pribadi_$categori INNER JOIN data_$categori ON data_pribadi_$categori.id = data_$categori.data_pribadi_" . $category . "_id::int INNER JOIN data_distrik_$categori ON data_pribadi_$categori.id = data_distrik_$categori.data_pribadi_" . $category . "_id::int WHERE data_pribadi_kpmds.id = $id";
$data = DB::select($query);
// dd($data[0]);
// return view('KPMD.print-pages', [
// 'data_pribadi' => $data,
// ]);
return view('KPMD.print-pages', [
'data_pribadi' => $data,
]);
}
public function index()
{
//

11
app/Http/Controllers/DataPribadiBumdesController.php
View File

@ -5,6 +5,7 @@ namespace App\Http\Controllers;
use App\Models\data_pribadi_bumdes;
use App\Http\Requests\Storedata_pribadi_bumdesRequest;
use App\Http\Requests\Updatedata_pribadi_bumdesRequest;
use Illuminate\Support\Facades\DB;
class DataPribadiBumdesController extends Controller
{
@ -27,13 +28,21 @@ class DataPribadiBumdesController extends Controller
]);
}
public function test()
{
$query = 'SELECT data_pribadi_bumdes.*, data_bumdes.*, data_distrik_bumdes.* FROM data_pribadi_bumdes INNER JOIN data_bumdes ON data_pribadi_bumdes."id" = data_bumdes.data_pribadi_kpmd_id::int INNER JOIN data_distrik_bumdes ON data_pribadi_bumdes."id" = data_distrik_bumdes.data_pribadi_bumdes_id::int';
$data = DB::select($query);
dd($data);
}
/**
* Store a newly created resource in storage.
*/
public function store(Storedata_pribadi_bumdesRequest $request)
{
$validateData = $request->validate([
'nip' => 'required|unique:data_pribadi_kpmds',
'nip' => 'required|unique:data_pribadi_bumdes',
'nama_lengkap' => 'required',
'pangkat' => 'required',
'jabatan' => 'required',

9
app/Http/Controllers/DataPribadiCaltransController.php
View File

@ -5,6 +5,7 @@ namespace App\Http\Controllers;
use App\Models\data_pribadi_caltrans;
use App\Http\Requests\Storedata_pribadi_caltransRequest;
use App\Http\Requests\Updatedata_pribadi_caltransRequest;
use Illuminate\Support\Facades\DB;
class DataPribadiCaltransController extends Controller
{
@ -26,6 +27,12 @@ class DataPribadiCaltransController extends Controller
'data_pribadi' => data_pribadi_caltrans::all()
]);
}
public function dpcaltrans()
{
$query = 'SELECT data_pribadi_caltrans.*, data_caltrans.*, data_distrik_caltrans.* FROM data_pribadi_caltrans INNER JOIN data_caltrans ON data_pribadi_caltrans."id" = data_caltrans.data_pribadi_kpmd_id::int INNER JOIN data_distrik_caltrans ON data_pribadi_caltrans."id" = data_distrik_caltrans.data_pribadi_caltrans_id::int';
$data = DB::select($query);
dd($data);
}
/**
* Store a newly created resource in storage.
@ -33,7 +40,7 @@ class DataPribadiCaltransController extends Controller
public function store(Storedata_pribadi_caltransRequest $request)
{
$validateData = $request->validate([
'nip' => 'required|unique:data_pribadi_kpmds',
'nip' => 'required|unique:data_pribadi_caltrans',
'nama_lengkap' => 'required',
'pangkat' => 'required',
'jabatan' => 'required',

9
app/Http/Controllers/DataPribadiDeswitaController.php
View File

@ -5,6 +5,7 @@ namespace App\Http\Controllers;
use App\Models\data_pribadi_deswita;
use App\Http\Requests\Storedata_pribadi_deswitaRequest;
use App\Http\Requests\Updatedata_pribadi_deswitaRequest;
use Illuminate\Support\Facades\DB;
class DataPribadiDeswitaController extends Controller
{
@ -26,6 +27,12 @@ class DataPribadiDeswitaController extends Controller
'data_pribadi' => data_pribadi_deswita::all()
]);
}
public function dpdeswita()
{
$query = 'SELECT data_pribadi_deswitas.*, data_deswitas.*, data_distrik_deswitas.* FROM data_pribadi_deswitas INNER JOIN data_deswitas ON data_pribadi_deswitas."id" = data_deswitas.data_pribadi_kpmd_id::int INNER JOIN data_distrik_deswitas ON data_pribadi_deswitas."id" = data_distrik_deswitas.data_pribadi_deswita_id::int';
$data = DB::select($query);
dd($data);
}
/**
* Store a newly created resource in storage.
@ -33,7 +40,7 @@ class DataPribadiDeswitaController extends Controller
public function store(Storedata_pribadi_deswitaRequest $request)
{
$validateData = $request->validate([
'nip' => 'required|unique:data_pribadi_kpmds',
'nip' => 'required|unique:data_pribadi_deswitas',
'nama_lengkap' => 'required',
'pangkat' => 'required',
'jabatan' => 'required',

9
app/Http/Controllers/DataPribadiKpmdController.php
View File

@ -5,6 +5,8 @@ namespace App\Http\Controllers;
use App\Models\data_pribadi_kpmd;
use App\Http\Requests\Storedata_pribadi_kpmdRequest;
use App\Http\Requests\Updatedata_pribadi_kpmdRequest;
use GuzzleHttp\Psr7\Request;
use Illuminate\Support\Facades\DB;
class DataPribadiKpmdController extends Controller
{
@ -27,6 +29,13 @@ class DataPribadiKpmdController extends Controller
]);
}
public function coba()
{
$query = 'SELECT data_pribadi_kpmds.*, data_kpmds.*, data_distrik_kpmds.* FROM data_pribadi_kpmds INNER JOIN data_kpmds ON data_pribadi_kpmds."id" = data_kpmds.data_pribadi_kpmd_id::int INNER JOIN data_distrik_kpmds ON data_pribadi_kpmds."id" = data_distrik_kpmds.data_pribadi_kpmd_id::int';
$data = DB::select($query);
dd($data);
}
/**
* Store a newly created resource in storage.
*/

140
app/Http/Controllers/LandingController.php Normal file
View File

@ -0,0 +1,140 @@
<?php
namespace App\Http\Controllers;
use App\Models\data_kpmd;
use App\Models\data_deswita;
use App\Models\data_bumdes;
use App\Models\data_clatrans;
use Illuminate\Http\Request;
use Carbon\Carbon;
class landingController extends Controller
{
public function index()
{
$dataChartKPMD = [];
$dataChartDesWita = [];
$dataChartCalTrans = [];
$dataChartBumDes = [];
$namaBulan = [
'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Agu', 'Sept', 'Okt', 'Nov', 'Des'
];
$kategori = [];
$currentYear = Carbon::now()->year;
for ($bulan = 1; $bulan <= 12; $bulan++) {
$totalPelayananKPMD = data_kpmd::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$currentYear])
->whereRaw('EXTRACT(MONTH FROM created_at) = ?', [$bulan])->count();
$totalPelayananDesWita = data_deswita::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$currentYear])
->whereRaw('EXTRACT(MONTH FROM created_at) = ?', [$bulan])->count();
$totalPelayananCalTrans = data_clatrans::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$currentYear])
->whereRaw('EXTRACT(MONTH FROM created_at) = ?', [$bulan])->count();
$totalPelayananBumDes = data_bumdes::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$currentYear])
->whereRaw('EXTRACT(MONTH FROM created_at) = ?', [$bulan])->count();
$dataChartKPMD[] = intval($totalPelayananKPMD);
$dataChartDesWita[] = intval($totalPelayananDesWita);
$dataChartCalTrans[] = intval($totalPelayananCalTrans);
$dataChartBumDes[] = intval($totalPelayananBumDes);
$kategori[] = strval($namaBulan[$bulan - 1]);
}
$tahunSaatIni = date("Y");
$dataChartKPMDtahun = [];
$dataChartDesWitatahun = [];
$dataChartCalTranstahun = [];
$dataChartBumDestahun = [];
// Inisialisasi array tahun
$tahunCharts = array();
// Mengisi array dengan 12 tahun, dimulai dari 12 tahun yang lalu
for ($i = ($tahunSaatIni + 1) - 12; $i < $tahunSaatIni + 1; $i++) {
$tahunCharts[] = $i;
}
for ($bulan = 1; $bulan <= 12; $bulan++) {
// var_dump($tahunCharts[$bulan]);
$totalPelayananKPMD = data_kpmd::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$tahunCharts[$bulan - 1]])->count();
$totalPelayananDesWita = data_deswita::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$tahunCharts[$bulan - 1]])->count();
$totalPelayananCalTrans = data_clatrans::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$tahunCharts[$bulan - 1]])->count();
$totalPelayananBumDes = data_bumdes::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$tahunCharts[$bulan - 1]])->count();
$dataChartKPMDtahun[] = intval($totalPelayananKPMD);
$dataChartDesWitatahun[] = intval($totalPelayananDesWita);
$dataChartCalTranstahun[] = intval($totalPelayananCalTrans);
$dataChartBumDestahun[] = intval($totalPelayananBumDes);
}
return view('layout.index', compact('dataChartKPMD', 'dataChartDesWita', 'dataChartCalTrans', 'dataChartBumDes', 'kategori', 'dataChartKPMDtahun', 'dataChartDesWitatahun', 'dataChartCalTranstahun', 'dataChartBumDestahun', 'tahunCharts'));
// dd($dataChartBumDes);
}
public function indexdashboard()
{
$dataChartKPMD = [];
$dataChartDesWita = [];
$dataChartCalTrans = [];
$dataChartBumDes = [];
$namaBulan = [
'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Agu', 'Sept', 'Okt', 'Nov', 'Des'
];
$kategori = [];
$currentYear = Carbon::now()->year;
for ($bulan = 1; $bulan <= 12; $bulan++) {
$totalPelayananKPMD = data_kpmd::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$currentYear])
->whereRaw('EXTRACT(MONTH FROM created_at) = ?', [$bulan])->count();
$totalPelayananDesWita = data_deswita::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$currentYear])
->whereRaw('EXTRACT(MONTH FROM created_at) = ?', [$bulan])->count();
$totalPelayananCalTrans = data_clatrans::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$currentYear])
->whereRaw('EXTRACT(MONTH FROM created_at) = ?', [$bulan])->count();
$totalPelayananBumDes = data_bumdes::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$currentYear])
->whereRaw('EXTRACT(MONTH FROM created_at) = ?', [$bulan])->count();
$dataChartKPMD[] = intval($totalPelayananKPMD);
$dataChartDesWita[] = intval($totalPelayananDesWita);
$dataChartCalTrans[] = intval($totalPelayananCalTrans);
$dataChartBumDes[] = intval($totalPelayananBumDes);
$kategori[] = strval($namaBulan[$bulan - 1]);
}
$tahunSaatIni = date("Y");
$dataChartKPMDtahun = [];
$dataChartDesWitatahun = [];
$dataChartCalTranstahun = [];
$dataChartBumDestahun = [];
// Inisialisasi array tahun
$tahunCharts = array();
// Mengisi array dengan 12 tahun, dimulai dari 12 tahun yang lalu
for ($i = ($tahunSaatIni + 1) - 12; $i < $tahunSaatIni + 1; $i++) {
$tahunCharts[] = $i;
}
for ($bulan = 1; $bulan <= 12; $bulan++) {
// var_dump($tahunCharts[$bulan]);
$totalPelayananKPMD = data_kpmd::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$tahunCharts[$bulan - 1]])->count();
$totalPelayananDesWita = data_deswita::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$tahunCharts[$bulan - 1]])->count();
$totalPelayananCalTrans = data_clatrans::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$tahunCharts[$bulan - 1]])->count();
$totalPelayananBumDes = data_bumdes::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$tahunCharts[$bulan - 1]])->count();
$dataChartKPMDtahun[] = intval($totalPelayananKPMD);
$dataChartDesWitatahun[] = intval($totalPelayananDesWita);
$dataChartCalTranstahun[] = intval($totalPelayananCalTrans);
$dataChartBumDestahun[] = intval($totalPelayananBumDes);
}
// dd($tahunCharts);
return view('Admin.layout.index', compact('dataChartKPMD', 'dataChartDesWita', 'dataChartCalTrans', 'dataChartBumDes', 'kategori', 'dataChartKPMDtahun', 'dataChartDesWitatahun', 'dataChartCalTranstahun', 'dataChartBumDestahun', 'tahunCharts'));
dd($dataChartBumDes);
}
public function getDataByYear(Request $request)
{
return response()->json();
}
public function getDataByMonth()
{
return response()->json();
}
}

19
app/Http/Controllers/ManajemenAdminController.php
View File

@ -37,6 +37,7 @@ class ManajemenAdminController extends Controller
$validateData = $request->validate([
'email' => 'required',
'name' => 'required',
'password' => 'required'
]);
User::create($validateData);
return redirect('/super-admin');
@ -55,7 +56,9 @@ class ManajemenAdminController extends Controller
*/
public function edit(manajemen_admin $manajemen_admin)
{
//
return view('Admin.Manejemen-Admin.edit', [
'manajemen_admin' => $manajemen_admin
]);
}
/**
@ -63,14 +66,22 @@ class ManajemenAdminController extends Controller
*/
public function update(Updatemanajemen_adminRequest $request, manajemen_admin $manajemen_admin)
{
//
$validatedData = $request->validate([
'email' => 'required',
'name' => 'required',
'password' => 'required',
]);
dd($validatedData);
User::WHERE('id', $manajemen_admin->id)->update($validatedData);
return redirect('/super-admin')->with('pesan', 'Data berhasil diubah');
}
/**
* Remove the specified resource from storage.
*/
public function destroy(manajemen_admin $manajemen_admin)
public function destroy($id)
{
//
User::where('id', $id)->delete();
return redirect('/super-admin')->with('Pesan', 'Data berhasil dihapus');
}
}

30
app/Http/Middleware/Admin.php Normal file
View File

@ -0,0 +1,30 @@
<?php
namespace App\Http\Middleware;
use Closure;
use Illuminate\Http\Request;
use Symfony\Component\HttpFoundation\Response;
use Illuminate\Support\Facades\Auth;
class Admin
{
/**
* Handle an incoming request.
*
* @param \Closure(\Illuminate\Http\Request): (\Symfony\Component\HttpFoundation\Response) $next
*/
public function handle(Request $request, Closure $next): Response
{
// Memeriksa apakah pengguna sudah terotentikasi
if (Auth::check()) {
$user = Auth::user();
// Memeriksa peran pengguna
if ($user->status === 'admin') {
return redirect('/home')->with('error', 'Anda tidak diizinkan mengakses halaman admin.');
}
}
return $next($request);
}
}

42
app/Models/data_bumdes.php
View File

@ -9,24 +9,26 @@ class data_bumdes extends Model
{
use HasFactory;
protected $table = 'data_bumdes';
protected $fillable = [
'pendidikan',
'pertanian',
'peternakan',
'perikanan',
'perkebunan',
'kehutanan',
'lain_lain',
'potensi_aset',
'jenis_pelatihan',
'kelembagaan_adat',
'kelembagaan_sosial',
'bumdes_sudah_berbadan',
'bumdes_belum_berbadan',
'jenis_usaha_bumdes',
'jarak_tempuh_bandara',
'jarak_tempuh_kampung',
'sharing_information',
// Kolom-kolom lain yang ingin diizinkan untuk mass assignment
];
// protected $fillable = [
// 'pendidikan',
// 'pertanian',
// 'peternakan',
// 'perikanan',
// 'perkebunan',
// 'kehutanan',
// 'lain_lain',
// 'potensi_aset',
// 'jenis_pelatihan',
// 'kelembagaan_adat',
// 'kelembagaan_sosial',
// 'bumdes_sudah_berbadan',
// 'bumdes_belum_berbadan',
// 'jenis_usaha_bumdes',
// 'jarak_tempuh_bandara',
// 'jarak_tempuh_kampung',
// 'sharing_information',
// 'data_pribadi_kpmd_id'
// // Kolom-kolom lain yang ingin diizinkan untuk mass assignment
// ];
protected $guarded = ["id"];
}

39
app/Models/data_clatrans.php
View File

@ -9,23 +9,24 @@ class data_clatrans extends Model
{
use HasFactory;
protected $table = 'data_clatrans';
protected $fillable=[
'pendidikan',
'pertanian',
'peternakan',
'perikanan',
'perkebunan',
'kehutanan',
'lain_lain',
'kelembagaan_adat',
'kelembagaan_sosial',
'no_sk_caltrans',
'tgl_sk_caltrans',
'penandatangan_sk_caltrans',
'jarak_tempuh_bandara',
'jarak_tempuh_kampung',
'kampung_binaan',
'jenis_pelatihan',
'sharing_information',
];
// protected $fillable=[
// 'pendidikan',
// 'pertanian',
// 'peternakan',
// 'perikanan',
// 'perkebunan',
// 'kehutanan',
// 'lain_lain',
// 'kelembagaan_adat',
// 'kelembagaan_sosial',
// 'no_sk_caltrans',
// 'tgl_sk_caltrans',
// 'penandatangan_sk_caltrans',
// 'jarak_tempuh_bandara',
// 'jarak_tempuh_kampung',
// 'kampung_binaan',
// 'jenis_pelatihan',
// 'sharing_information',
// ];
protected $guarded = ["id"];
}

29
app/Models/data_deswita.php
View File

@ -9,18 +9,19 @@ class data_deswita extends Model
{
use HasFactory;
protected $table = 'data_deswitas';
protected $fillable = [
'pendidikan',
'atraksi',
'amenitas',
'aksesibilitas',
'kelembagaan',
'jumlah_pokdarwis',
'jenis_pelatihan',
'kampung_binaan',
'jarak_tempuh_bandara',
'jarak_tempuh_kampung',
'sharing_information',
// Kolom-kolom lain yang ingin diizinkan untuk mass assignment
];
// protected $fillable = [
// 'pendidikan',
// 'atraksi',
// 'amenitas',
// 'aksesibilitas',
// 'kelembagaan',
// 'jumlah_pokdarwis',
// 'jenis_pelatihan',
// 'kampung_binaan',
// 'jarak_tempuh_bandara',
// 'jarak_tempuh_kampung',
// 'sharing_information',
// // Kolom-kolom lain yang ingin diizinkan untuk mass assignment
// ];
protected $guarded = ["id"];
}

14
app/Models/data_distrik_bumdes.php
View File

@ -9,10 +9,12 @@ class data_distrik_bumdes extends Model
{
use HasFactory;
protected $table = 'data_distrik_bumdes';
protected $fillable = [
'nama_distrik',
'jumlah_kampung',
'jumlah_penduduk'
// Kolom-kolom lain yang ingin diizinkan untuk mass assignment
];
// protected $fillable = [
// 'nama_distrik',
// 'jumlah_kampung',
// 'jumlah_penduduk',
// 'data_pribadi_bumdes_id'
// // Kolom-kolom lain yang ingin diizinkan untuk mass assignment
// ];
protected $guarded = ["id"];
}

13
app/Models/data_distrik_caltrans.php
View File

@ -9,10 +9,11 @@ class data_distrik_caltrans extends Model
{
use HasFactory;
protected $table = 'data_distrik_caltrans';
protected $fillable = [
'nama_distrik',
'jumlah_kampung',
'jumlah_penduduk'
// Kolom-kolom lain yang ingin diizinkan untuk mass assignment
];
// protected $fillable = [
// 'nama_distrik',
// 'jumlah_kampung',
// 'jumlah_penduduk'
// // Kolom-kolom lain yang ingin diizinkan untuk mass assignment
// ];
protected $guarded = ["id"];
}

13
app/Models/data_distrik_deswita.php
View File

@ -9,10 +9,11 @@ class data_distrik_deswita extends Model
{
use HasFactory;
protected $table = 'data_distrik_deswitas';
protected $fillable = [
'nama_distrik',
'jumlah_kampung',
'jumlah_penduduk'
// Kolom-kolom lain yang ingin diizinkan untuk mass assignment
];
// protected $fillable = [
// 'nama_distrik',
// 'jumlah_kampung',
// 'jumlah_penduduk'
// // Kolom-kolom lain yang ingin diizinkan untuk mass assignment
// ];
protected $guarded = ["id"];
}

3
app/Models/data_distrik_kpmd.php
View File

@ -12,7 +12,8 @@ class data_distrik_kpmd extends Model
protected $fillable = [
'nama_distrik',
'jumlah_kampung',
'jumlah_penduduk'
'jumlah_penduduk',
'data_pribadi_kpmd_id'
// Kolom-kolom lain yang ingin diizinkan untuk mass assignment
];
}

1
app/Models/data_kpmd.php
View File

@ -24,6 +24,7 @@ class data_kpmd extends Model
'jenis_pelatihan',
'kampung_binaan',
'sharing_information',
'data_pribadi_kpmd_id'
// Kolom-kolom lain yang ingin diizinkan untuk mass assignment
];
}

1
app/Models/manajemen_admin.php
View File

@ -12,5 +12,6 @@ class manajemen_admin extends Model
protected $fillable = [
'email',
'password',
'name'
];
}

1
database/migrations/2023_10_03_125704_create_data_distrik_kpmds_table.php
View File

@ -16,6 +16,7 @@ return new class extends Migration
$table->string('nama_distrik');
$table->string('jumlah_kampung');
$table->string('jumlah_penduduk');
$table->foreignId('data_pribadi_kpmd_id');
$table->timestamps();
});
}

1
database/migrations/2023_10_05_024156_create_data_kpmds_table.php
View File

@ -27,6 +27,7 @@ return new class extends Migration
$table->string('jenis_pelatihan');
$table->string('kampung_binaan');
$table->string('sharing_information');
$table->foreignId('data_pribadi_kpmd_id');
$table->timestamps();
});
}

1
database/migrations/2023_10_05_030809_create_data_distrik_bumdes_table.php
View File

@ -16,6 +16,7 @@ return new class extends Migration
$table->string('nama_distrik');
$table->string('jumlah_kampung');
$table->string('jumlah_penduduk');
$table->foreignId('data_pribadi_bumdes_id');
$table->timestamps();
});
}

1
database/migrations/2023_10_05_032810_create_data_distrik_deswitas_table.php
View File

@ -16,6 +16,7 @@ return new class extends Migration
$table->string('nama_distrik');
$table->string('jumlah_kampung');
$table->string('jumlah_penduduk');
$table->foreignId('data_pribadi_deswita_id');
$table->timestamps();
});
}

1
database/migrations/2023_10_05_035809_create_data_distrik_caltrans_table.php
View File

@ -16,6 +16,7 @@ return new class extends Migration
$table->string('nama_distrik');
$table->string('jumlah_kampung');
$table->string('jumlah_penduduk');
$table->foreignId('data_pribadi_caltrans_id');
$table->timestamps();
});
}

1
database/migrations/2023_10_05_072046_create_data_bumdes_table.php
View File

@ -30,6 +30,7 @@ return new class extends Migration
$table->string('jarak_tempuh_bandara');
$table->string('jarak_tempuh_kampung');
$table->string('sharing_information');
$table->foreignId('data_pribadi_bumdes_id');
$table->timestamps();
});
}

2
database/migrations/2023_10_05_095355_create_data_deswitas_table.php
View File

@ -24,7 +24,7 @@ return new class extends Migration
$table->string('jarak_tempuh_bandara');
$table->string('jarak_tempuh_kampung');
$table->string('sharing_information');
$table->foreignId('data_pribadi_deswita_id');
$table->timestamps();
});
}

1
database/migrations/2023_10_05_122806_create_data_clatrans_table.php
View File

@ -30,6 +30,7 @@ return new class extends Migration
$table->string('kampung_binaan');
$table->string('jenis_pelatihan');
$table->string('sharing_information');
$table->foreignId('data_pribadi_caltrans_id');
$table->timestamps();
});
}

3
database/migrations/2023_10_09_034545_create_manajemen_admins_table.php
View File

@ -14,7 +14,8 @@ return new class extends Migration
Schema::create('manajemen_admins', function (Blueprint $table) {
$table->id();
$table->string('email')->unique();
$table->string('password')->default('$2y$10$u8KZtzUT6WWgveYj0ylI7OD4txOBrxKJlJbrYK0b68LZPv7XU1McK'); //password
//$table->string('password')->default('$2y$10$u8KZtzUT6WWgveYj0ylI7OD4txOBrxKJlJbrYK0b68LZPv7XU1McK'); //password
$table->string('password');
$table->string('status')->default('admin');
$table->timestamps();
});

46
public/assets-login-landing/css/style.css
View File

@ -1,6 +1,7 @@
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
*{
margin: 0;
padding: 0;
@ -693,25 +694,27 @@ section {
}
@media screen and (max-width: 1050px) {
.login .container {
grid-gap: 5rem;
}
@media screen and (max-width: 1120px) {
form{
width: 300px;
}
@media screen and (max-width: 1000px) {
.login form {
width: 290px;
}
.login .login-content h2 {
.login-content h2{
font-size: 2.4rem;
margin: 8px 0;
}
.login .img {
justify-content: center;
margin: 0;
}
.login .img img {
width: 400px;
width: 80%;
}
.login .login-content form {
width: 80%;
}
}
@ -732,3 +735,22 @@ section {
justify-content: center;
}
}
@media screen and (max-width: 768px) {
.login .container {
flex-direction: column;
align-items: center;
}
.login .login-content {
justify-content: center;
}
.login .login-content form {
width: 80%;
}
.login .btn {
width: 100%;
}
}

66
public/assets-login-landing/js/index.js
View File

@ -5,19 +5,34 @@ function project(){
var options1 = {
series: [
{
name: 'Pelayanan',
data: [40, 35, 78, 50, 75, 48, 62, 47, 80, 56, 40, 50]
name: 'Total Pelayanan KPMD',
// data: [40, 35, 78, 50, 75, 48, 62, 47, 80, 56, 40, 50],
data: totalPelayananKPMD,
},
{
name: "Total Pelayanan",
data: [45, 30, 65, 35, 50, 70, 38, 60, 36, 65, 32, 45]
name: "Total Pelayanan DesWita",
// data: [45, 30, 65, 35, 50, 70, 38, 60, 36, 65, 32, 45],
data: totalPelayananDesWita,
},
{
name: "Total Pelayanan BumDes",
// data: [21, 34, 54, 65, 77, 97, 53, 22, 43, 43, 23, 34],
data: totalPelayananBumDes,
},
{
name: 'Total Pelayanan CalTrans',
// data: [40, 35, 78, 50, 75, 48, 23, 33, 64, 65, 40, 50],
data: totalPelayananCalTrans,
},
],
chart: {
height: 330,
type: 'area',
zoom: {
enabled: false
enabled: false,
},
toolbar: {
show: false,
@ -33,7 +48,7 @@ function project(){
},
},
dataLabels: {
enabled: false
enabled: false,
},
stroke: {
width: [3, 3],
@ -46,7 +61,7 @@ function project(){
horizontalAlign: 'center',
fontWeight: 600,
tooltipHoverFormatter: function (val, opts) {
return val + ' - ' + opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] + ''
return val + ' - ' + opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] + '';
},
labels: {
colors: '#74767c',
@ -57,20 +72,19 @@ function project(){
strokeWidth: 0,
radius: 12,
offsetX: 0,
offsetY: 0
offsetY: 0,
},
},
markers: {
size: [0, 0],
hover: {
sizeOffset: 4
}
sizeOffset: 4,
},
colors: [myVarVal, '#fb8d34'],
},
colors: ['#ff5733', '#45b7cd', '#7a4bca', '#f7b13f'],
xaxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep',
'Oct', 'Nov', 'Dec'
],
// categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
categories: kategori,
axisBorder: {
show: true,
color: 'rgba(119, 119, 142, 0.05)',
@ -85,37 +99,37 @@ function project(){
{
title: {
formatter: function (val) {
return val + " (mins)"
}
}
return val + " (mins)";
},
},
},
{
title: {
formatter: function (val) {
return val + " per session"
}
}
return val + " per session";
},
},
},
{
title: {
formatter: function (val) {
return val;
}
}
}
]
},
},
},
],
},
grid: {
borderColor: 'rgba(119, 119, 142, 0.1)',
}
},
};
document.getElementById('project-budget').innerHTML = '';
var chart1 = new ApexCharts(document.querySelector("#project-budget"), options1);
chart1.render();
}, 300);
}
/* Chartjs (#chartDonut) */
function chart() {
'use strict';

8
resources/views/Admin/Manejemen-Admin/create.blade.php
View File

@ -25,6 +25,14 @@
<label>Name</label>
<input type="text" class="form-control" name="name">
</div>
<div class="form-group">
<label>Password</label>
<input type="password" class="form-control" name="password">
@error('password')
<p class="text text-danger">
{{ $message }}</p>
@enderror
</div>
</div>
<div class="d-flex justify-content-end mb-3">
<button type="button" class="btn btn-light me-1" data-bs-dismiss="modal">Close</button>

42
resources/views/Admin/Manejemen-Admin/edit.blade.php Normal file
View File

@ -0,0 +1,42 @@
<div class="row">
<div class="col-12">
<form method="POST" action="/super-admin/{{ $manajemen_admin->id }}">
{{-- @method('PUT') --}}
@csrf
<div class="card-body">
<div class="form-group">
<label>Email</label>
<input type="email" class="form-control" name="email"
value="{{ old('email', $manajemen_admin->email) }}" required>
@error('email')
<p class="text text-danger">
{{ $message }}</p>
@enderror
</div>
<div class="form-group">
<label>Name</label>
<input type="text" class="form-control" name="name"
value="{{ old('name', $manajemen_admin->name) }}" required>
@error('name')
<p class="text text-danger">
{{ $message }}</p>
@enderror
</div>
<div class="form-group">
<label>Password</label>
<input type="password" class="form-control" name="password"
value="{{ old('password', $manajemen_admin->password) }}" required>
@error('password')
<p class="text text-danger">
{{ $message }}</p>
@enderror
</div>
</div>
<div class="d-flex justify-content-end mb-3">
<button type="button" class="btn btn-light me-1" data-bs-dismiss="modal">Close</button>
<button type="submit" class="btn btn-success" id="btn-save-event">Save</button>
</div>
</form>
</div>
</div>

27
resources/views/Admin/Manejemen-Admin/index.blade.php
View File

@ -10,10 +10,10 @@
<div class="page-title-right">
<ol class="breadcrumb m-0">
<li class="breadcrumb-item"><a href="/">Dashboard</a></li>
<li class="breadcrumb-item active">Data Tables</li>
<li class="breadcrumb-item active">Manajemen Admin Pelatihan</li>
</ol>
</div>
<h4 class="page-title">Data Tables</h4>
<h4 class="page-title">Manajemen Admin Pelatihan</h4>
</div>
</div>
</div>
@ -22,7 +22,7 @@
<div class="col-12">
<div class="card">
<div class="card-body">
<h4 class="header-title">Basic Data Table</h4>
<h4 class="header-title">Manajemen Admin</h4>
<div class="d-flex justify-content-end mb-3">
<a class="btn btn-lg font-16 btn-danger" data-bs-toggle="modal"
@ -52,11 +52,24 @@
{{-- <td>{{ $$manajemenadmin['name'] }}</td> --}}
{{-- <td>Admin</td> --}}
<td class="table-action">
<a href="javascript:void(0);" class="action-icon"> <i
class="mdi mdi-square-edit-outline"></i></a>
<a href="javascript:void(0);" class="action-icon"> <i
class="mdi mdi-delete"></i></a>
<form
action="{{ url('super-admin/' . $manajemenadmin->id . '/edit') }}"
method="GET" class="d-inline">
<button type="submit" class="action-icon edit-button">
<i class="mdi mdi-square-edit-outline"></i>
</button>
</form>
<form action="{{ url('super-admin/' . $manajemenadmin->id) }}"
method="POST" class="d-inline">
@method('DELETE')
@csrf
<button type="submit" class="action-icon delete-button"
onclick="return confirm('Yakin akan menghapus data ?')">
<i class="mdi mdi-delete"></i>
</button>
</form>
</td>
</tr>
@endforeach
</tbody>

66
resources/views/Admin/layout/header.blade.php
View File

@ -19,7 +19,6 @@
<i class="dripicons-gear noti-icon"></i>
</a>
</li>
<li class="dropdown notification-list">
<a class="nav-link dropdown-toggle nav-user arrow-none me-0" data-bs-toggle="dropdown" href="#"
role="button" aria-haspopup="false" aria-expanded="false">
@ -50,70 +49,5 @@
<button class="button-menu-mobile open-left">
<i class="mdi mdi-menu"></i>
</button>
<div class="app-search dropdown d-none d-lg-block">
<form>
<div class="input-group">
<input type="text" class="form-control dropdown-toggle" placeholder="Search..." id="top-search">
<span class="mdi mdi-magnify search-icon"></span>
<button class="input-group-text btn-primary" type="submit">Search</button>
</div>
</form>
<div class="dropdown-menu dropdown-menu-animated dropdown-lg" id="search-dropdown">
<!-- item-->
<div class="dropdown-header noti-title">
<h5 class="text-overflow mb-2">Found <span class="text-danger">17</span> results</h5>
</div>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item notify-item">
<i class="uil-notes font-16 me-1"></i>
<span>Analytics Report</span>
</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item notify-item">
<i class="uil-life-ring font-16 me-1"></i>
<span>How can I help you?</span>
</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item notify-item">
<i class="uil-cog font-16 me-1"></i>
<span>User profile settings</span>
</a>
<!-- item-->
<div class="dropdown-header noti-title">
<h6 class="text-overflow mb-2 text-uppercase">Users</h6>
</div>
<div class="notification-list">
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item notify-item">
<div class="d-flex">
<img class="d-flex me-2 rounded-circle" src="assets/images/users/avatar-2.jpg"
alt="Generic placeholder image" height="32">
<div class="w-100">
<h5 class="m-0 font-14">Erwin Brown</h5>
<span class="font-12 mb-0">UI Designer</span>
</div>
</div>
</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item notify-item">
<div class="d-flex">
<img class="d-flex me-2 rounded-circle" src="assets/images/users/avatar-5.jpg"
alt="Generic placeholder image" height="32">
<div class="w-100">
<h5 class="m-0 font-14">Jacob Deo</h5>
<span class="font-12 mb-0">Developer</span>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<!-- end Topbar -->

42
resources/views/Admin/layout/index.blade.php
View File

@ -1,15 +1,18 @@
@extends('Admin.layout.main')
@section('content')
<style>
:root {
--primary-bg-color: #009C98;
}
</style>
<!-- Start Page Content here -->
<!-- ============================================================== -->
<div class="content-page">
<div class="content">
<!-- Start Content-->
<div class="container-fluid">
<!-- start page title -->
<div class="row">
<div class="col-12">
@ -17,21 +20,18 @@
<div class="page-title-right">
<ol class="breadcrumb m-0">
<li class="breadcrumb-item"><a href="javascript: void(0);">Hyper</a></li>
<li class="breadcrumb-item"><a href="javascript: void(0);">Dashboard</a></li>
<li class="breadcrumb-item active">CRM</li>
{{-- <li class="breadcrumb-item"><a href="javascript: void(0);">Dashboard</a></li> --}}
<li class="breadcrumb-item active">Dashboard</li>
</ol>
</div>
<h4 class="page-title">CRM</h4>
<h4 class="page-title">Dashboard</h4>
</div>
</div>
</div>
<!-- end page title -->
<div class="row">
</div>
<!-- end row -->
<section>
<div class="container">
<div class="row">
@ -47,8 +47,8 @@
Pilih Waktu Grafik
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">Bulan</a>
<a class="dropdown-item" href="#">Tahun</a>
<a class="dropdown-item" href="#" id="ambilBulan">Bulan</a>
<a class="dropdown-item" href="#" id="ambilTahun">Tahun</a>
</div>
</div>
</div>
@ -56,21 +56,29 @@
Terkini.</p>
</div>
<div class="card-body pd-y-7">
<div id="project-budget"></div>
<div id="chart-dashboard"></div>
</div>
</div>
</div>
</div>
</section>
<!-- end row-->
</div> <!-- container -->
</div> <!-- content -->
</div>
<script>
let totalPelayananKPMD = {{ json_encode($dataChartKPMD) }};
let totalPelayananDesWita = {{ json_encode($dataChartDesWita) }};
let totalPelayananBumDes = {{ json_encode($dataChartCalTrans) }};;
let totalPelayananCalTrans = {{ json_encode($dataChartBumDes) }};;
let kategori = {!! json_encode($kategori) !!};
let totalTahunPelayananKPMD = {{ json_encode($dataChartKPMDtahun) }};
let totalTahunPelayananDesWita = {{ json_encode($dataChartDesWitatahun) }};
let totalTahunPelayananBumDes = {{ json_encode($dataChartCalTranstahun) }};;
let totalTahunPelayananCalTrans = {{ json_encode($dataChartBumDestahun) }};;
let tahunkategori = {!! json_encode($tahunCharts) !!};
</script>
<!-- ============================================================== -->
<!-- End Page content -->

190
resources/views/Admin/layout/main.blade.php
View File

@ -133,9 +133,9 @@
<div class="d-grid mt-4">
<button class="btn btn-primary" id="resetBtn">Reset to Default</button>
<a href="../../product/hyper-responsive-admin-dashboard-template/index.htm"
{{-- <a href="../../product/hyper-responsive-admin-dashboard-template/index.htm"
class="btn btn-danger mt-3" target="_blank"><i class="mdi mdi-basket me-1"></i> Purchase
Now</a>
Now</a> --}}
</div>
</div> <!-- end padding-->
@ -196,7 +196,193 @@
<!-- Google Map -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap">
</script>
<script>
var chart1
$(document).ready(function(e){
var options1 = {
series: [{
name: 'Total Pelayanan KPMD',
// data: [40, 35, 78, 50, 75, 48, 62, 47, 80, 56, 40, 50],
data: totalPelayananKPMD,
},
{
name: "Total Pelayanan DesWita",
// data: [45, 30, 65, 35, 50, 70, 38, 60, 36, 65, 32, 45],
data: totalPelayananDesWita,
},
{
name: "Total Pelayanan BumDes",
// data: [21, 34, 54, 65, 77, 97, 53, 22, 43, 43, 23, 34],
data: totalPelayananBumDes,
},
{
name: 'Total Pelayanan CalTrans',
// data: [40, 35, 78, 50, 75, 48, 23, 33, 64, 65, 40, 50],
data: totalPelayananCalTrans,
},
],
chart: {
height: 330,
type: 'area',
zoom: {
enabled: false,
},
toolbar: {
show: false,
},
dropShadow: {
enabled: false,
enabledOnSeries: undefined,
top: 5,
left: 0,
blur: 0,
color: '#000',
opacity: 0,
},
},
dataLabels: {
enabled: false,
},
stroke: {
width: [3, 3],
curve: 'smooth',
dashArray: [0, 0],
},
legend: {
show: true,
position: 'top',
horizontalAlign: 'center',
fontWeight: 600,
tooltipHoverFormatter: function(val, opts) {
return val + ' - ' + opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] + '';
},
labels: {
colors: '#74767c',
},
markers: {
width: 9,
height: 9,
strokeWidth: 0,
radius: 12,
offsetX: 0,
offsetY: 0,
},
},
markers: {
size: [0, 0],
hover: {
sizeOffset: 4,
},
},
colors: ['#ff5733', '#45b7cd', '#7a4bca', '#f7b13f'],
xaxis: {
// categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
categories: kategori,
axisBorder: {
show: true,
color: 'rgba(119, 119, 142, 0.05)',
},
axisTicks: {
show: true,
color: 'rgba(119, 119, 142, 0.05)',
},
},
tooltip: {
y: [{
title: {
formatter: function(val) {
return val + " (mins)";
},
},
},
{
title: {
formatter: function(val) {
return val + " per session";
},
},
},
{
title: {
formatter: function(val) {
return val;
},
},
},
],
},
grid: {
borderColor: 'rgba(119, 119, 142, 0.1)',
},
};
document.getElementById('chart-dashboard').innerHTML = '';
chart1 = new ApexCharts(document.querySelector("#chart-dashboard"), options1);
chart1.render();
$("#ambilTahun").on("click",function(){
chart1.updateOptions({
xaxis: {
categories: tahunkategori
},
series: [{
name: 'Total Pelayanan KPMD',
// data: [40, 35, 78, 50, 75, 48, 62, 47, 80, 56, 40, 50],
data: totalTahunPelayananKPMD,
},
{
name: "Total Pelayanan DesWita",
// data: [45, 30, 65, 35, 50, 70, 38, 60, 36, 65, 32, 45],
data: totalTahunPelayananDesWita,
},
{
name: "Total Pelayanan BumDes",
// data: [21, 34, 54, 65, 77, 97, 53, 22, 43, 43, 23, 34],
data: totalTahunPelayananBumDes,
},
{
name: 'Total Pelayanan CalTrans',
// data: [40, 35, 78, 50, 75, 48, 23, 33, 64, 65, 40, 50],
data: totalTahunPelayananCalTrans,
},
]});
})
$("#ambilBulan").on("click",function(){
chart1.updateOptions({
xaxis: {
categories: kategori
},
series: [{
name: 'Total Pelayanan KPMD',
// data: [40, 35, 78, 50, 75, 48, 62, 47, 80, 56, 40, 50],
data: totalPelayananKPMD,
},
{
name: "Total Pelayanan DesWita",
// data: [45, 30, 65, 35, 50, 70, 38, 60, 36, 65, 32, 45],
data: totalPelayananDesWita,
},
{
name: "Total Pelayanan BumDes",
// data: [21, 34, 54, 65, 77, 97, 53, 22, 43, 43, 23, 34],
data: totalPelayananBumDes,
},
{
name: 'Total Pelayanan CalTrans',
// data: [40, 35, 78, 50, 75, 48, 23, 33, 64, 65, 40, 50],
data: totalPelayananCalTrans,
},
]});
})
})
</script>
<!-- demo app -->
</body>

6
resources/views/Admin/layout/sidebar.blade.php
View File

@ -4,10 +4,10 @@
<!-- LOGO -->
<a href="index.html" class="logo text-center logo-light">
<span class="logo-lg">
<img src="assets/images/logo_sm.png" alt="" height="16">
<img src="/assets-login-landing/img/Kemendes_Logo.png" alt="" height="60px">
</span>
<span class="logo-sm">
<img src="assets/images/logo_sm.png" alt="" height="16">
<img src="/assets-login-landing/img/Kemendes_Logo.png" alt="" height="16">
</span>
</a>
@ -42,7 +42,7 @@
</a>
</li>
<li class="side-nav-item">
<a href="/" class="side-nav-link">
<a href="/home" class="side-nav-link">
<i class="uil-store"></i>
<span> Landing Page </span>
</a>

723
resources/views/BumDes/index.blade.php
View File

@ -1,11 +1,25 @@
@extends('layout.main')
@section('content')
<br><br>
@push('css')
<style>
@media print {
body {
visibility: hidden;
}
#section-to-print {
visibility: visible;
position: absolute;
left: 0;
top: 0;
}
}
.form-select {
padding: 8px 15px;
border: 1px solid #ccc;
border-radius: 0;
border-radius: 7px;
width: 100%;
background-color: #ECEFF1;
font-family: montserrat;
@ -73,11 +87,25 @@
display: none
}
#msform input,
#msform textarea {
#msform input {
padding: 8px 15px 8px 15px;
border: 1px solid #ccc;
border-radius: 0px;
border-radius: 7px;
margin-bottom: 25px;
margin-top: 2px;
width: 100%;
box-sizing: border-box;
font-family: montserrat;
color: #2C3E50;
background-color: #ECEFF1;
font-size: 16px;
letter-spacing: 1px
}
#msform textarea {
padding: 15px 15px 0px 15px;
border: 1px solid #ccc;
border-radius: 7px;
margin-bottom: 25px;
margin-top: 2px;
width: 100%;
@ -246,6 +274,65 @@
width: 100%;
object-fit: cover
}
.FormInput {
position: relative;
margin-bottom: 1rem;
}
.FormInput input,
.FormInput textarea,
.FormInput select {
width: 17rem;
height: 3.6rem;
padding: 0 .8rem;
font-size: 16px;
outline: none;
}
.FormInput label {
position: absolute;
top: 28%;
left: .5rem;
transform: translateY(-25%);
font-size: 16px;
color: #919191;
padding: 0 5px;
pointer-events: none;
padding: 0 1rem 0 0.8rem;
transition: .5s;
}
.FormInput input:focus~label,
.FormInput input:valid~label {
top: 0;
background-color: #fff;
border-radius: 1rem;
}
.FormInput textarea:focus~label,
.FormInput textarea:valid~label {
top: 0;
background-color: #fff;
border-radius: 1rem;
}
.FormInput select:focus~label,
.FormInput select:valid~label {
top: 0;
background-color: #fff;
border-radius: 1rem;
}
.is-invalid {
border-color: #dc3545 !important;
padding-right: calc(1.5em + .75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
</style>
@endpush
<div class="container-fluid">
@ -276,92 +363,138 @@
</div>
<div class="row">
<div class="col-md-6">
<label class="fieldlabels">NIP</label>
<input type="text" class="form-control" name="nip">
<div class="FormInput">
<input type="text" class="@error('nip') is-invalid @enderror" name="nip"
required>
@error('nip')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<span class="invalid-feedback">Please fill out this field.</span>
<label for="">NIP</label>
</div>
</div>
<div class="col-md-6">
<label class="fieldlabels">Nama Lengkap</label>
<input type="text" class="form-control" name="nama_lengkap">
<div class="FormInput">
<input type="text" class="@error('nama_lengkap') is-invalid @enderror"
name="nama_lengkap" required>
@error('nama_lengkap')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Nama Lengkap</label>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<label class="fieldlabels">Pangkat/Golongan</label>
<input type="text" class="form-control" name="pangkat">
<div class="FormInput">
<input type="text" class="@error('pangkat') is-invalid @enderror"
name="pangkat" required>
@error('pangkat')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Pangkat/Golongan</label>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
</div>
<div class="col-md-6">
<label class="fieldlabels">Jabatan</label>
<input type="text" class="form-control" name="jabatan">
<div class="FormInput">
<input type="text" class="@error('jabatan') is-invalid @enderror"
name="jabatan" required>
@error('jabatan')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Jabatan</label>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<label class="fieldlabels">Instansi</label>
<input type="text" class="form-control" name="instansi">
<div class="FormInput">
<input type="text" class="@error('instansi') is-invalid @enderror"
name="instansi" required>
@error('instansi')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Instansi</label>
<span class="invalid-feedback">Please fill out this
field.</span>
</div>
</div>
<div class="col-md-6">
<label class="fieldlabels">Kabupaten</label>
<input type="text" class="form-control" name="kabupaten">
<div class="FormInput">
<input type="text" class="@error('kabupaten') is-invalid @enderror"
name="kabupaten" required>
@error('kabupaten')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Kabupaten</label>
<span class="invalid-feedback">Please fill out this
field.</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<label class="fieldlabels">No. HP</label>
<input type="text" class="form-control" name="phone_number">
<div class="FormInput">
<input type="text" class="@error('phone_number') is-invalid @enderror"
name="phone_number" required>
@error('phone_number')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">No. HP</label>
<span class="invalid-feedback">Please fill out this
field.</span>
</div>
</div>
<div class="col-md-6">
<label class="fieldlabels">Pesan</label>
<textarea type="text" class="form-control" name="pesan"></textarea>
<div class="FormInput">
<textarea type="text" class="@error('pesan') is-invalid @enderror" name="pesan" required></textarea>
@error('pesan')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Pesan</label>
<span class="invalid-feedback">Please fill out this
field.</span>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<label class="fieldlabels">Alamat</label>
<textarea type="text" class="form-control" name="alamat"></textarea>
<div class="FormInput">
<textarea type="text" class="@error('alamat') is-invalid @enderror" name="alamat" required></textarea>
@error('alamat')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Alamat</label>
<span class="invalid-feedback">Please fill out
this field.</span>
</div>
</div>
</div>
</div>
{{-- <div class="text-right">
<button class="btn btn-success">Next</button>
</div> --}}
<button type="button" name="next" class="next action-button" value="Next">Next</button>
{{-- <input type="button" name="next" class="next action-button" value="Next" /> --}}
<button type="button" name="next" class="next action-button"
value="Next">Next</button>
</fieldset>
<fieldset>
<div class="form-card">
@ -369,15 +502,34 @@
<div class="col-7">
<h2 class="fs-title">Data Distrik</h2>
</div>
</div> <label class="fieldlabels">Nama Distrik</label>
<input type="text" class="form-control" name="nama_distrik"> <label
class="fieldlabels">Jumlah
Kampung</label>
<input type="text" class="form-control" name="jumlah_kampung"> <label
class="fieldlabels">Jumlah
Penduduk</label>
<input type="text" class="form-control" name="jumlah_penduduk">
<div class="FormInput">
<input type="text" class="@error('nama_distrik') is-invalid @enderror"
name="nama_distrik" required>
@error('nama_distrik')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="" style="margin-left: 15px;">Nama Distrik</label>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
<div class="FormInput">
<input type="text" class="@error('jumlah_kampung') is-invalid @enderror"
name="jumlah_kampung" required>
@error('jumlah_kampung')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="" style="margin-left: 15px;">Jumlah Kampung</label>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
<div class="FormInput">
<input type="text" class="@error('jumlah_penduduk') is-invalid @enderror"
name="jumlah_penduduk" required>
@error('jumlah_penduduk')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="" style="margin-left: 15px;">Jumlah Penduduk</label>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
</div>
</div> <input type="button" name="next" class="next action-button" value="Next" />
<input type="button" name="previous" class="previous action-button-previous"
value="Previous" />
@ -398,77 +550,174 @@
<div class="col-md-6">
<div class="form-group">
<label class="fieldlabels">Pendidikan</label>
<select class="form-select" aria-label="Pendidikan" style="width:100%"
name="pendidikan">
<div class="FormInput">
<select class="form-select @error('pendidikan') is-invalid @enderror"
aria-label="Pendidikan" style="width:100%" name="pendidikan">
<option selected>Pendidikan</option>
<option value="1">SMP</option>
<option value="2">SMA</option>
<option value="3">Sarjana</option>
</select>
@error('pendidikan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
</div>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
<div class="form-group">
{{-- <label class="fieldlabels">Potensi SDA</label>
<select class="form-select" aria-label="Potensi SDA" style="width:100%">
<option selected>Potensi SDA</option>
<option value="1">Pertanian</option>
<option value="2">Peternakan</option>
<option value="3">Perikanan</option>
<option value="4">Perkebunan</option>
<option value="5">Kehutanan</option>
</select> --}}
<label class="fieldlabels">Potensi SDA</label>
<input type="text" class="form-control" name="pertanian"
placeholder="Pertanian" style="margin-bottom: 25px">
<input type="text" class="form-control" name="peternakan"
placeholder="Peternakan" style="margin-bottom: 25px">
<input type="text" class="form-control" name="perikanan"
placeholder="Perikanan" style="margin-bottom: 25px">
<input type="text" class="form-control" name="perkebunan"
placeholder="Perkenunan" style="margin-bottom: 25px">
<input type="text" class="form-control" name="kehutanan"
placeholder="Kehutanan" style="margin-bottom: 25px">
<input type="text" class="form-control" name="lain_lain"
placeholder="lain_lain" style="margin-bottom: 25px">
<div class="FormInput">
<input type="text" class="@error('pertanian') is-invalid @enderror"
name="pertanian" required>
@error('pertanian')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Pertanian</label>
</div>
{{-- <div class="form-group">
<label class="fieldlabels">Potensi Kelembagaan</label>
<select class="form-select" aria-label="Potensi Kelembagaan"
style="width:100%">
<option selected>Potensi Kelembagaan</option>
<option value="1">Kelembagaan Adat</option>
<option value="2">Kelembagaan Sosial</option>
</select>
</div> --}}
<label class="fieldlabels">Potensi Aset</label>
<input type="text" class="form-control" name="potensi_aset">
<label class="fieldlabels">Jenis Pelatihan Yang Pernah Diikuti</label>
<input type="text" class="form-control" name="jenis_pelatihan">
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('peternakan') is-invalid @enderror"
name="peternakan" style="margin-bottom: 25px" required>
@error('peternakan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Peternakan</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('perikanan') is-invalid @enderror"
name="perikanan" style="margin-bottom: 25px" required>
@error('perikanan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Perikanan</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('perkebunan') is-invalid @enderror"
name="perkebunan" style="margin-bottom: 25px" required>
@error('perkebunan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Perkebunan</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('kehutanan') is-invalid @enderror"
name="kehutanan" style="margin-bottom: 25px" required>
@error('kehutanan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Kehutanan</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('lain_lain') is-invalid @enderror"
name="lain_lain" style="margin-bottom: 25px" required>
@error('lain_lain')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Lain-lain</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
<div class="FormInput">
<input type="text" class="@error('potensi_aset') is-invalid @enderror"
name="potensi_aset" required>
@error('potensi_aset')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Potensi Aset</label>
</div> <span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('jenis_pelatihan') is-invalid @enderror"
name="jenis_pelatihan" required>
@error('jenis_pelatihan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Jenis Pelatihan Yang Pernah Diikuti</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
<div class="col-md-6">
<label class="fieldlabels">Kelembagaan</label>
<input type="text" class="form-control" name="kelembagaan_adat"
placeholder="Kelembagaan Adat" style="margin-bottom: 25px">
<input type="text" class="form-control" name="kelembagaan_sosial"
placeholder="Kelembagaan Sosial" style="margin-bottom: 25px">x
<div class="FormInput">
<input type="text" class="@error('kelembagaan_adat') is-invalid @enderror"
name="kelembagaan_adat" style="margin-bottom: 25px" required>
@error('kelembagaan_adat')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Kelembagaan Adat</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text"
class="@error('kelembagaan_sosial') is-invalid @enderror"
name="kelembagaan_sosial" style="margin-bottom: 25px" required>
@error('kelembagaan_sosial')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Kelembagaan Sosial</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<label class="fieldlabels">Jumlah BumDes</label>
<input type="text" class="form-control" name="bumdes_sudah_berbadan"
placeholder="Jumlah BUMDes yang sudah berbadan hukum"
style="margin-bottom: 50px">
<input type="text" class="form-control" name="bumdes_belum_berbadan"
placeholder="Jumlah BUMDes yang Belum berbadan hukum">
<div class="FormInput">
<input type="text"
class="@error('bumdes_sudah_berbadan') is-invalid @enderror"
name="bumdes_sudah_berbadan" style="margin-bottom: 25px" required>
@error('bumdes_sudah_berbadan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Jumlah BUMDes yang sudah berbadan hukum</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text"
class="@error('bumdes_belum_berbadan') is-invalid @enderror"
name="bumdes_belum_berbadan" style="margin-bottom: 25px" required>
@error('bumdes_belum_berbadan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Jumlah BUMDes yang Belum berbadan hukum</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<label class="fieldlabels">Jenis Usaha BumDes</label>
<input type="text" class="form-control" name="jenis_usaha_bumdes">
<div class="FormInput">
<input type="text"
class="@error('jenis_usaha_bumdes') is-invalid @enderror"
name="jenis_usaha_bumdes" required>
@error('jenis_usaha_bumdes')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Jenis Usaha BumDes</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<label class="fieldlabels">Moda Transportasi</label>
<input type="text" class="form-control" name="jarak_tempuh_bandara"
placeholder="Jarak tempuh dari Bandara ke Distrik" style="margin-bottom:45px">
<input type="text" class="form-control" name="jarak_tempuh_kampung"
placeholder="Jarak tempuh Distrik ke Kampung">
<div class="FormInput">
<input type="text"
class="@error('jarak_tempuh_bandara') is-invalid @enderror"
name="jarak_tempuh_bandara" style="margin-bottom: 25px" required>
@error('jarak_tempuh_bandara')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Jarak tempuh dari Bandara ke Distrik</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text"
class="@error('jarak_tempuh_kampung') is-invalid @enderror"
name="jarak_tempuh_kampung" style="margin-bottom: 25px" required>
@error('jarak_tempuh_kampung')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Jarak tempuh Distrik ke kampung</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
<div class="col-md-12">
<label class="fieldlabels">Sharing Information</label>
<textarea type="text" class="form-control" name="sharing_information"></textarea>
<textarea type="text" class="form-control @error('sharing_information') is-invalid @enderror"
name="sharing_information"></textarea>
</div>
</div>
</div>
@ -476,7 +725,7 @@
<input type="button" name="previous" class="previous action-button-previous"
value="Previous" />
</fieldset>
<fieldset class="custom-fieldset">
<fieldset class="custom-fieldset" id="section-to-print">
<div class="form-card">
<div class="row">
<div class="col-md-6">
@ -600,7 +849,7 @@
: <span id="saved-sharing-information">
</div>
</div>
<input type="button" name="print" class="print action-button" value="Print" />
<a href="#" class="print action-button" id="printbutton">Print</a>
</div>
</fieldset>
</form>
@ -608,10 +857,22 @@
</div>
</div>
</div>
@push('js')
{{-- @push('js')
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
var coba
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
$(document).ready(function() {
var current_fs, next_fs, previous_fs; //fieldsets
var opacity;
@ -690,9 +951,9 @@
$('#saved-jenis-usaha-bumdes').text(response.data
.jenis_usaha_bumdes);
$('#saved-jarak-tempuh-bandara').text(response.data
.jarak_tempuh_bandara);
.jarak_tempuh_bandara + "km");
$('#saved-jarak-tempuh-kampung').text(response.data
.jarak_tempuh_kampung);
.jarak_tempuh_kampung + "km");
$('#saved-kampung-binaan').text(response.data.kampung_binaan);
$('#saved-jenis-pelatihan').text(response.data.jenis_pelatihan);
$('#saved-sharing-information').text(response.data
@ -700,6 +961,9 @@
// Tampilkan pesan sukses jika diperlukan
alert(response.message);
let id = response.data.data_id
$("#printbutton").attr("href", "/print-pages-bumdes/bumdes/" + id)
//Add Class Active
$("#progressbar li").eq($("fieldset").index(next_fs)).addClass(
"active");
@ -792,6 +1056,241 @@
setProgressBar(--current);
});
function setProgressBar(curStep) {
var percent = parseFloat(100 / steps) * curStep;
percent = percent.toFixed();
$(".progress-bar")
.css("width", percent + "%")
}
$(".submit").click(function() {
return false;
})
});
</script>
@endpush --}}
@push('js')
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
var coba
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
$(document).ready(function() {
var current_fs, next_fs, previous_fs; //fieldsets
var opacity;
var current = 1;
var steps = $("fieldset").length;
setProgressBar(current);
$(".next").click(function() {
$("#showerrors").hide();
current_fs = $(this).parent();
next_fs = $(this).parent().next();
var requiredFields = current_fs.find(
'input[required], select[required], textarea[required]');
var allFieldsFilled = true;
requiredFields.each(function() {
coba = this;
if ($(this).val() === "") {
allFieldsFilled = false;
$(this).addClass("is-invalid");
$(this.parentElement.parentElement).find(".invalid-feedback").text(
"Please fill out this field.").show()
// $(this).next('.invalid-feedback').text("Please fill out this field.")
// .show();
} else {
$(this).removeClass("is-invalid");
$(this.parentElement.parentElement).find(".invalid-feedback").hide()
// $(this).next('.invalid-feedback').hide();
}
});
if (allFieldsFilled) {
// All required fields are filled, proceed to the next step
if ($(this).attr("value") === "Submit") {
let data = {
nip: $('input[name="nip"]').val(),
nama_lengkap: $('input[name="nama_lengkap"]').val(),
pangkat: $('input[name="pangkat"]').val(),
jabatan: $('input[name="jabatan"]').val(),
instansi: $('input[name="instansi"]').val(),
kabupaten: $('input[name="kabupaten"]').val(),
phone_number: $('input[name="phone_number"]').val(),
pesan: $('textarea[name="pesan"]').val(),
alamat: $('textarea[name="alamat"]').val(),
nama_distrik: $('input[name="nama_distrik"]').val(),
jumlah_kampung: $('input[name="jumlah_kampung"]').val(),
jumlah_penduduk: $('input[name="jumlah_penduduk"]').val(),
pendidikan: $('select[name="pendidikan"]').val(),
pertanian: $('input[name="pertanian"]').val(),
peternakan: $('input[name="peternakan"]').val(),
perikanan: $('input[name="perikanan"]').val(),
perkebunan: $('input[name="perkebunan"]').val(),
kehutanan: $('input[name="kehutanan"]').val(),
lain_lain: $('input[name="lain_lain"]').val(),
potensi_aset: $('input[name="potensi_aset"]').val(),
jenis_pelatihan: $('input[name="jenis_pelatihan"]').val(),
kelembagaan_adat: $('input[name="kelembagaan_adat"]').val(),
kelembagaan_sosial: $('input[name="kelembagaan_sosial"]').val(),
bumdes_sudah_berbadan: $('input[name="bumdes_sudah_berbadan"]').val(),
bumdes_belum_berbadan: $('input[name="bumdes_belum_berbadan"]').val(),
jenis_usaha_bumdes: $('input[name="jenis_usaha_bumdes"]').val(),
jarak_tempuh_bandara: $('input[name="jarak_tempuh_bandara"]').val(),
jarak_tempuh_kampung: $('input[name="jarak_tempuh_kampung"]').val(),
sharing_information: $('textarea[name="sharing_information"]').val(),
}
$.ajax({
type: "POST",
url: "{{ URL::to('/') }}/save-bumdes-data-bumdes",
data: data,
success: function(response) {
console.log(response)
$('#saved-kabupaten').text(response.data.kabupaten);
$('#saved-nama-lengkap').text(response.data.nama_lengkap);
$('#saved-nip').text(response.data.nip);
$('#saved-pangkat').text(response.data.pangkat);
$('#saved-jabatan').text(response.data.jabatan);
$('#saved-instansi').text(response.data.instansi);
$('#saved-alamat').text(response.data.alamat);
$('#saved-pesan').text(response.data.pesan);
$('#saved-nama-distrik').text(response.data.nama_distrik);
$('#saved-jumlah-kampung').text(response.data.jumlah_kampung);
$('#saved-jumlah-penduduk').text(response.data.jumlah_penduduk);
$('#saved-pendidikan').text(response.data.pendidikan);
$('#saved-pertanian').text(response.data.pertanian);
$('#saved-peternakan').text(response.data.peternakan);
$('#saved-perikanan').text(response.data.perikanan);
$('#saved-perkebunan').text(response.data.perkebunan);
$('#saved-kehutanan').text(response.data.kehutanan);
$('#saved-lain-lain').text(response.data.lain_lain);
$('#saved-potensi-aset').text(response.data.potensi_aset);
$('#saved-kelembagaan-adat').text(response.data
.kelembagaan_adat);
$('#saved-kelembagaan-sosial').text(response.data
.kelembagaan_sosial);
$('#saved-bumdes-sudah-berbadan').text(response.data
.bumdes_sudah_berbadan);
$('#saved-bumdes-belum-berbadan').text(response.data
.bumdes_belum_berbadan);
$('#saved-jenis-usaha-bumdes').text(response.data
.jenis_usaha_bumdes);
$('#saved-jarak-tempuh-bandara').text(response.data
.jarak_tempuh_bandara + "km");
$('#saved-jarak-tempuh-kampung').text(response.data
.jarak_tempuh_kampung + "km");
$('#saved-kampung-binaan').text(response.data.kampung_binaan);
$('#saved-jenis-pelatihan').text(response.data.jenis_pelatihan);
$('#saved-sharing-information').text(response.data
.sharing_information);
// Tampilkan pesan sukses jika diperlukan
alert(response.message);
let id = response.data.data_id
$("#printbutton").attr("href", "/print-pages-bumdes/bumdes/" +
id)
//Add Class Active
$("#progressbar li").eq($("fieldset").index(next_fs)).addClass(
"active");
//show the next fieldset
next_fs.show();
//hide the current fieldset with style
current_fs.animate({
opacity: 0
}, {
step: function(now) {
// for making fielset appear animation
opacity = 1 - now;
current_fs.css({
'display': 'none',
'position': 'relative'
});
next_fs.css({
'opacity': opacity
});
},
duration: 500
});
setProgressBar(++current);
},
dataType: "JSON",
error: function(response) {
let res = response.responseJSON
const entries = Object.entries(res.input_data_gagal);
let html = ""
entries.forEach(([key, value]) => {
html += `<li>${value}</li>`
});
$("#showerrors").html(html)
$("#showerrors").show()
window.location.href = "#showerrors"
return false
}
});
} else {
// Add Class Active
$("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");
// Show the next fieldset
next_fs.show();
// Hide the current fieldset with style
current_fs.animate({
opacity: 0
}, {
step: function(now) {
// For making fieldset appear animation
opacity = 1 - now;
current_fs.css({
'display': 'none',
'position': 'relative'
});
next_fs.css({
'opacity': opacity
});
},
duration: 500
});
setProgressBar(++current);
}
} else {
$('html, body').animate({
scrollTop: requiredFields.filter(function() {
return $(this).val() === "";
}).first().offset().top
}, 500);
}
});
$(".previous").click(function() {
current_fs = $(this).parent();
previous_fs = $(this).parent().prev();
$("#showerrors").hide()
//Remove class active
$("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active");
//show the previous fieldset
previous_fs.show();
//hide the current fieldset with style
current_fs.animate({
opacity: 0
}, {
step: function(now) {
// for making fielset appear animation
opacity = 1 - now;
current_fs.css({
'display': 'none',
'position': 'relative'
});
previous_fs.css({
'opacity': opacity
});
},
duration: 500
});
setProgressBar(--current);
});
function setProgressBar(curStep) {
var percent = parseFloat(100 / steps) * curStep;
percent = percent.toFixed();

247
resources/views/BumDes/print-pages.blade.php Normal file
View File

@ -0,0 +1,247 @@
<!DOCTYPE html>
<html>
<head>
<title>PELATIHAN BUMDES</title>
<style>
table {
border-collapse: collapse;
width: 100%;
}
table,
th,
td {
border: 1px solid black;
}
th,
td {
padding: 10px;
}
</style>
</head>
<body>
<Center>
<h1>PELATIHAN BUMDES</h1>
<h1>{{ $data_pribadi[0]->kabupaten }}</h1>
</center>
<table>
<tr>
<td>1. Nama Lengkap:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->nama_lengkap }}</div>
</td>
</tr>
<tr>
<td>2. NIP:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->nip }}</div>
</td>
</tr>
<tr>
<td>3. Pangkat / Golongan:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->pangkat }}</div>
</td>
</tr>
<tr>
<td>4. Jabatan:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->jabatan }}</div>
</td>
</tr>
<tr>
<td>5. Instansi:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->instansi }}</div>
</td>
</tr>
<tr>
<td>6. Alamat:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->alamat }}</div>
</td>
</tr>
<tr>
<td>7. No. HP:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->phone_number }}</div>
</td>
</tr>
<tr>
<td>8. Pesan:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->pesan }}</div>
</td>
</tr>
<tr>
<td>9. Nama Distrik:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->nama_distrik }}</div>
</td>
</tr>
<tr>
<td>10. Jumlah Kampung:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->jumlah_kampung }}</div>
</td>
</tr>
<tr>
<td>11. Jumlah Penduduk:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->jumlah_penduduk }}</div>
</td>
</tr>
<tr>
<td>12. Nama kampung:</td>
<td colspan="3">
<div type="text"></div>
</td>
</tr>
<tr>
<td>13. Potensi SDM (Pendidikan):</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->pendidikan }}</div>
</td>
</tr>
<tr>
<td>14. Potensi SDA :</td>
{{-- <td colspan="3"><div type="text"></div></td> --}}
</tr>
<tr>
<td></td>
<td>1. Pertanian:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->pertanian }}</div>
</td>
</tr>
<tr>
<td></td>
<td>2. Peternakan:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->peternakan }}</div>
</td>
</tr>
<tr>
<td></td>
<td>3. Perikanan:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->perikanan }}</div>
</td>
</tr>
<tr>
<td></td>
<td>4. Perkebunan:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->perkebunan }}</div>
</td>
</tr>
<tr>
<td></td>
<td>5. Kehutanan:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->kehutanan }}</div>
</td>
</tr>
<tr>
<td></td>
<td>6. Lain-lain:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->lain_lain }}</div>
</td>
</tr>
<tr>
<td>15. Potensi Kelembagaan:</td>
{{-- <td colspan="3"><div type="text"></div></td> --}}
</tr>
<tr>
<td></td>
<td>1. kelembagaan Adat:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->kelembagaan_adat }}</div>
</td>
</tr>
<tr>
<td></td>
<td>2. kelembagaan Sosial:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->kelembagaan_sosial }}</div>
</td>
</tr>
<tr>
<td>16. Potensi Aset:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->potensi_aset }}</div>
</td>
</tr>
<tr>
<td>17. Jumlah Bumdes:</td>
{{-- <td colspan="3"><div type="text"></div></td> --}}
</tr>
<tr>
<td></td>
<td>1. Jumlah BUMDes yang sudah berbadan hukum:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->bumdes_sudah_berbadan }}</div>
</td>
</tr>
<tr>
<td></td>
<td>2. Jumlah BUMDes yang Belum berbadan hukum:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->bumdes_sudah_berbadan }}</div>
</td>
</tr>
<tr>
<td>18. Jenis Usaha BUMDes:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->jenis_usaha_bumdes }}</div>
</td>
</tr>
<tr>
<td>19. Moda Transportasi:</td>
{{-- <td colspan="3"><div type="text"></div></td> --}}
</tr>
<tr>
<td></td>
<td>1. Jarak tempuh dari Bandara ke Distrik:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->jarak_tempuh_bandara }} km</div>
</td>
</tr>
<tr>
<td></td>
<td>2. Jarak tempuh Distrik ke Kampung:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->jarak_tempuh_kampung }} km</div>
</td>
</tr>
<tr>
<td>21. Kampung Binaan:</td>
<td colspan="3">
<div type="text"></div>
</td>
</tr>
<tr>
<td>22. Jenis Pelatihan Yang sudah pernah diikuti:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->jenis_pelatihan }}</div>
</td>
</tr>
<tr>
<td>23. Sharing Information:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->sharing_information }}</div>
</td>
</tr>
</table>
{{-- <button onclick="window.print()">Print</button> --}}
</body>
<script>
window.print()
</script>
</html>

722
resources/views/CalTrans/index.blade.php
View File

@ -1,11 +1,25 @@
@extends('layout.main')
@section('content')
<br><br>
@push('css')
<style>
@media print {
body {
visibility: hidden;
}
#section-to-print {
visibility: visible;
position: absolute;
left: 0;
top: 0;
}
}
.form-select {
padding: 8px 15px;
border: 1px solid #ccc;
border-radius: 0;
border-radius: 7px;
width: 100%;
background-color: #ECEFF1;
font-family: montserrat;
@ -73,11 +87,25 @@
display: none
}
#msform input,
#msform textarea {
#msform input {
padding: 8px 15px 8px 15px;
border: 1px solid #ccc;
border-radius: 0px;
border-radius: 7px;
margin-bottom: 25px;
margin-top: 2px;
width: 100%;
box-sizing: border-box;
font-family: montserrat;
color: #2C3E50;
background-color: #ECEFF1;
font-size: 16px;
letter-spacing: 1px
}
#msform textarea {
padding: 15px 15px 0px 15px;
border: 1px solid #ccc;
border-radius: 7px;
margin-bottom: 25px;
margin-top: 2px;
width: 100%;
@ -246,6 +274,65 @@
width: 100%;
object-fit: cover
}
.FormInput {
position: relative;
margin-bottom: 1rem;
}
.FormInput input,
.FormInput textarea,
.FormInput select {
width: 17rem;
height: 3.6rem;
padding: 0 .8rem;
font-size: 16px;
outline: none;
}
.FormInput label {
position: absolute;
top: 28%;
left: .5rem;
transform: translateY(-25%);
font-size: 16px;
color: #919191;
padding: 0 5px;
pointer-events: none;
padding: 0 1rem 0 0.8rem;
transition: .5s;
}
.FormInput input:focus~label,
.FormInput input:valid~label {
top: 0;
background-color: #fff;
border-radius: 1rem;
}
.FormInput textarea:focus~label,
.FormInput textarea:valid~label {
top: 0;
background-color: #fff;
border-radius: 1rem;
}
.FormInput select:focus~label,
.FormInput select:valid~label {
top: 0;
background-color: #fff;
border-radius: 1rem;
}
.is-invalid {
border-color: #dc3545 !important;
padding-right: calc(1.5em + .75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
</style>
@endpush
<div class="container-fluid">
@ -276,108 +363,173 @@
</div>
<div class="row">
<div class="col-md-6">
<label class="fieldlabels">NIP</label>
<input type="text" class="form-control" name="nip">
<div class="FormInput">
<input type="text" class="@error('nip') is-invalid @enderror" name="nip"
required>
@error('nip')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<span class="invalid-feedback">Please fill out this field.</span>
<label for="">NIP</label>
</div>
</div>
<div class="col-md-6">
<label class="fieldlabels">Nama Lengkap</label>
<input type="text" class="form-control" name="nama_lengkap">
<div class="FormInput">
<input type="text" class="@error('nama_lengkap') is-invalid @enderror"
name="nama_lengkap" required>
@error('nama_lengkap')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Nama Lengkap</label>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<label class="fieldlabels">Pangkat/Golongan</label>
<input type="text" class="form-control" name="pangkat">
<div class="FormInput">
<input type="text" class="@error('pangkat') is-invalid @enderror"
name="pangkat" required>
@error('pangkat')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Pangkat/Golongan</label>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
</div>
<div class="col-md-6">
<label class="fieldlabels">Jabatan</label>
<input type="text" class="form-control" name="jabatan">
<div class="FormInput">
<input type="text" class="@error('jabatan') is-invalid @enderror"
name="jabatan" required>
@error('jabatan')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Jabatan</label>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<label class="fieldlabels">Instansi</label>
<input type="text" class="form-control" name="instansi">
<div class="FormInput">
<input type="text" class="@error('instansi') is-invalid @enderror"
name="instansi" required>
@error('instansi')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Instansi</label>
<span class="invalid-feedback">Please fill out this
field.</span>
</div>
</div>
<div class="col-md-6">
<label class="fieldlabels">Kabupaten</label>
<input type="text" class="form-control" name="kabupaten">
<div class="FormInput">
<input type="text" class="@error('kabupaten') is-invalid @enderror"
name="kabupaten" required>
@error('kabupaten')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Kabupaten</label>
<span class="invalid-feedback">Please fill out this
field.</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<label class="fieldlabels">No. HP</label>
<input type="text" class="form-control" name="phone_number">
<div class="FormInput">
<input type="text" class="@error('phone_number') is-invalid @enderror"
name="phone_number" required>
@error('phone_number')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">No. HP</label>
<span class="invalid-feedback">Please fill out this
field.</span>
</div>
</div>
<div class="col-md-6">
<label class="fieldlabels">Pesan</label>
<textarea type="text" class="form-control" name="pesan"></textarea>
<div class="FormInput">
<textarea type="text" class="@error('pesan') is-invalid @enderror" name="pesan" required></textarea>
@error('pesan')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Pesan</label>
<span class="invalid-feedback">Please fill out this
field.</span>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<label class="fieldlabels">Alamat</label>
<textarea type="text" class="form-control" name="alamat"></textarea>
<div class="FormInput">
<textarea type="text" class="@error('alamat') is-invalid @enderror" name="alamat" required></textarea>
@error('alamat')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Alamat</label>
<span class="invalid-feedback">Please fill out
this field.</span>
</div>
</div>
</div>
</div>
{{-- <div class="text-right">
<button class="btn btn-success">Next</button>
</div> --}}
<button type="button" name="next" class="next action-button" value="Next">Next</button>
{{-- <input type="button" name="next" class="next action-button" value="Next" /> --}}
<button type="button" name="next" class="next action-button"
value="Next">Next</button>
</fieldset>
<fieldset>
<div class="form-card">
<div class="row">
<div class="col-7">
<h2 class="fs-title">Data CalTrans</h2>
<h2 class="fs-title">Data Distrik</h2>
</div>
<div class="FormInput">
<input type="text" class="@error('nama_distrik') is-invalid @enderror"
name="nama_distrik" required>
@error('nama_distrik')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="" style="margin-left: 15px;">Nama Distrik</label>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
<div class="FormInput">
<input type="text" class="@error('jumlah_kampung') is-invalid @enderror"
name="jumlah_kampung" required>
@error('jumlah_kampung')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="" style="margin-left: 15px;">Jumlah Kampung</label>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
<div class="FormInput">
<input type="text" class="@error('jumlah_penduduk') is-invalid @enderror"
name="jumlah_penduduk" required>
@error('jumlah_penduduk')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="" style="margin-left: 15px;">Jumlah Penduduk</label>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
</div>
</div> <label class="fieldlabels">Nama CalTrans</label>
<input type="text" class="form-control" name="nama_distrik"> <label
class="fieldlabels">Jumlah
Kampung</label>
<input type="text" class="form-control" name="jumlah_kampung"> <label
class="fieldlabels">Jumlah
Penduduk</label>
<input type="text" class="form-control" name="jumlah_penduduk">
</div> <input type="button" name="next" class="next action-button" value="Next" />
<input type="button" name="previous" class="previous action-button-previous"
value="Previous" />
@ -398,64 +550,170 @@
<div class="col-md-6">
<div class="form-group">
<label class="fieldlabels">Pendidikan</label>
<select class="form-select" aria-label="Pendidikan" style="width:100%"
name="pendidikan">
<div class="FormInput">
<select class="form-select @error('pendidikan') is-invalid @enderror"
aria-label="Pendidikan" style="width:100%" name="pendidikan">
<option selected>Pendidikan</option>
<option value="1">SMP</option>
<option value="2">SMA</option>
<option value="3">Sarjana</option>
</select>
@error('pendidikan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
</div>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
<div class="form-group">
{{-- <label class="fieldlabels">Potensi SDA</label>
<select class="form-select" aria-label="Potensi SDA" style="width:100%">
<option selected>Potensi SDA</option>
<option value="1">Pertanian</option>
<option value="2">Peternakan</option>
<option value="3">Perikanan</option>
<option value="4">Perkebunan</option>
<option value="5">Kehutanan</option>
</select> --}}
<label class="fieldlabels">Potensi SDA</label>
<input type="text" class="form-control" name="pertanian"
placeholder="Pertanian" style="margin-bottom: 25px">
<input type="text" class="form-control" name="peternakan"
placeholder="Peternakan" style="margin-bottom: 25px">
<input type="text" class="form-control" name="perikanan"
placeholder="Perikanan" style="margin-bottom: 25px">
<input type="text" class="form-control" name="perkebunan"
placeholder="Perkenunan" style="margin-bottom: 25px">
<input type="text" class="form-control" name="kehutanan"
placeholder="Kehutanan" style="margin-bottom: 25px">
<input type="text" class="form-control" name="lain_lain"
placeholder="lain_lain" style="margin-bottom: 25px">
<div class="FormInput">
<input type="text" class="@error('pertanian') is-invalid @enderror"
name="pertanian" required>
@error('pertanian')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Pertanian</label>
</div>
<label class="fieldlabels">Jenis Pelatihan Yang Pernah Diikuti</label>
<input type="text" class="form-control" name="jenis_pelatihan">
<label class="fieldlabels">Kampung Binaan</label>
<input type="text" class="form-control" name="kampung_binaan">
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('peternakan') is-invalid @enderror"
name="peternakan" style="margin-bottom: 25px" required>
@error('peternakan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Peternakan</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('perikanan') is-invalid @enderror"
name="perikanan" style="margin-bottom: 25px" required>
@error('perikanan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Perikanan</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('perkebunan') is-invalid @enderror"
name="perkebunan" style="margin-bottom: 25px" required>
@error('perkebunan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Perkebunan</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('kehutanan') is-invalid @enderror"
name="kehutanan" style="margin-bottom: 25px" required>
@error('kehutanan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Kehutanan</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('lain_lain') is-invalid @enderror"
name="lain_lain" style="margin-bottom: 25px" required>
@error('lain_lain')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Lain-lain</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
<div class="FormInput">
<input type="text" class="@error('jenis_pelatihan') is-invalid @enderror"
name="jenis_pelatihan" required>
@error('jenis_pelatihan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Jenis Pelatihan Yang Pernah Diikuti</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
<div class="col-md-6">
<label class="fieldlabels">Kelembagaan</label>
<input type="text" class="form-control" name="kelembagaan_adat"
placeholder="Kelembagaan Adat" style="margin-bottom: 25px">
<input type="text" class="form-control" name="kelembagaan_sosial"
placeholder="Kelembagaan Sosial" style="margin-bottom: 25px">
<label class="fieldlabels">Nomor SK Calon Transmigrasi dari Ditjen
<div class="FormInput">
<input type="text" class="@error('kelembagaan_adat') is-invalid @enderror"
name="kelembagaan_adat" style="margin-bottom: 25px" required>
@error('kelembagaan_adat')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Kelembagaan Adat</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text"
class="@error('kelembagaan_sosial') is-invalid @enderror"
name="kelembagaan_sosial" style="margin-bottom: 25px" required>
@error('kelembagaan_sosial')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Kelembagaan Sosial</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('no_sk_caltrans') is-invalid @enderror"
name="no_sk_caltrans" required>
@error('no_sk_caltrans')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Nomor SK Calon Transmigrasi dari Ditjen
PKP2Trans</label>
<input type="text" class="form-control" name="no_sk_caltrans">
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<label class="fieldlabels">Tanggal SK Calon Transmigrasi dari Ditjen
PKP2Trans</label>
<input type="date" class="form-control" name="tgl_sk_caltrans">
<label class="fieldlabels">Penandatangan SK Calon Transmigrasi</label>
<input type="text" class="form-control" name="penandatangan_sk_caltrans">
<div class="FormInput">
<input type="date" class="@error('tgl_sk_caltrans') is-invalid @enderror"
name="tgl_sk_caltrans" required>
@error('tgl_sk_caltrans')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
{{-- <label for="">Tanggal SK Calon Transmigrasi dari Ditjen
PKP2Trans</label> --}}
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text"
class="@error('penandatangan_sk_caltrans') is-invalid @enderror"
name="penandatangan_sk_caltrans" required>
@error('penandatangan_sk_caltrans')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Penandatangan SK Calon Transmigrasi</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<label class="fieldlabels">Moda Transportasi</label>
<input type="text" class="form-control" name="jarak_tempuh_bandara"
placeholder="Jarak tempuh dari Bandara ke Distrik" style="margin-bottom:45px">
<input type="text" class="form-control" name="jarak_tempuh_kampung"
placeholder="Jarak tempuh Distrik ke Kampung">
<div class="FormInput">
<input type="text"
class="@error('jarak_tempuh_bandara') is-invalid @enderror"
name="jarak_tempuh_bandara" style="margin-bottom: 25px" required>
@error('jarak_tempuh_bandara')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Jarak tempuh dari Bandara ke Distrik</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text"
class="@error('jarak_tempuh_kampung') is-invalid @enderror"
name="jarak_tempuh_kampung" style="margin-bottom: 25px" required>
@error('jarak_tempuh_kampung')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Jarak tempuh Distrik ke kampung</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('kampung_binaan') is-invalid @enderror"
name="kampung_binaan" required>
@error('kampung_binaan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Kampung Binaan</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
<div class="col-md-12">
<label class="fieldlabels">Sharing Information</label>
@ -467,11 +725,11 @@
<input type="button" name="previous" class="previous action-button-previous"
value="Previous" />
</fieldset>
<fieldset class="custom-fieldset">
<fieldset class="custom-fieldset" id="section-to-print">
<div class="form-card">
<div class="row">
<div class="col-md-6">
<h2 class="fs-title">Data BUMDES</h2>
<h2 class="fs-title">Data CALTRANS</h2>
<h5><strong> <span id="saved-kabupaten"></span> </strong></h5>
</div>
</div>
@ -601,7 +859,7 @@
: <span id="saved-sharing-information">
</div>
</div>
<input type="button" name="print" class="print action-button" value="Print" />
<a href="#" class="print action-button" id="printbutton">Print</a>
</div>
</fieldset>
</form>
@ -609,10 +867,22 @@
</div>
</div>
</div>
@push('js')
{{-- @push('js')
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
var coba
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
$(document).ready(function() {
var current_fs, next_fs, previous_fs; //fieldsets
var opacity;
@ -695,9 +965,9 @@
$('#saved-penandatangan-sk-caltrans').text(response.data
.penandatangan_sk_caltrans);
$('#saved-jarak-tempuh-bandara').text(response.data
.jarak_tempuh_bandara);
.jarak_tempuh_bandara + "km");
$('#saved-jarak-tempuh-kampung').text(response.data
.jarak_tempuh_kampung);
.jarak_tempuh_kampung + "km");
$('#saved-kampung-binaan').text(response.data
.kampung_binaan);
$('#saved-jenis-pelatihan').text(response.data
@ -707,6 +977,10 @@
// Tampilkan pesan sukses jika diperlukan
alert(response.message);
let id = response.data.data_id
$("#printbutton").attr("href", "/print-pages-caltrans/caltrans/" +
id)
//Add Class Active
$("#progressbar li").eq($("fieldset").index(next_fs)).addClass(
"active");
@ -799,6 +1073,248 @@
setProgressBar(--current);
});
function setProgressBar(curStep) {
var percent = parseFloat(100 / steps) * curStep;
percent = percent.toFixed();
$(".progress-bar")
.css("width", percent + "%")
}
$(".submit").click(function() {
return false;
})
});
</script>
@endpush --}}
@push('js')
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
var coba
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
$(document).ready(function() {
var current_fs, next_fs, previous_fs; //fieldsets
var opacity;
var current = 1;
var steps = $("fieldset").length;
setProgressBar(current);
$(".next").click(function() {
$("#showerrors").hide();
current_fs = $(this).parent();
next_fs = $(this).parent().next();
var requiredFields = current_fs.find(
'input[required], select[required], textarea[required]');
var allFieldsFilled = true;
requiredFields.each(function() {
coba = this;
if ($(this).val() === "") {
allFieldsFilled = false;
$(this).addClass("is-invalid");
$(this.parentElement.parentElement).find(".invalid-feedback").text(
"Please fill out this field.").show()
// $(this).next('.invalid-feedback').text("Please fill out this field.")
// .show();
} else {
$(this).removeClass("is-invalid");
$(this.parentElement.parentElement).find(".invalid-feedback").hide()
// $(this).next('.invalid-feedback').hide();
}
});
if (allFieldsFilled) {
// All required fields are filled, proceed to the next step
if ($(this).attr("value") === "Submit") {
let data = {
nip: $('input[name="nip"]').val(),
nama_lengkap: $('input[name="nama_lengkap"]').val(),
pangkat: $('input[name="pangkat"]').val(),
jabatan: $('input[name="jabatan"]').val(),
instansi: $('input[name="instansi"]').val(),
kabupaten: $('input[name="kabupaten"]').val(),
phone_number: $('input[name="phone_number"]').val(),
pesan: $('textarea[name="pesan"]').val(),
alamat: $('textarea[name="alamat"]').val(),
nama_distrik: $('input[name="nama_distrik"]').val(),
jumlah_kampung: $('input[name="jumlah_kampung"]').val(),
jumlah_penduduk: $('input[name="jumlah_penduduk"]').val(),
pendidikan: $('select[name="pendidikan"]').val(),
pertanian: $('input[name="pertanian"]').val(),
peternakan: $('input[name="peternakan"]').val(),
perikanan: $('input[name="perikanan"]').val(),
perkebunan: $('input[name="perkebunan"]').val(),
kehutanan: $('input[name="kehutanan"]').val(),
lain_lain: $('input[name="lain_lain"]').val(),
kelembagaan_adat: $('input[name="kelembagaan_adat"]').val(),
kelembagaan_sosial: $('input[name="kelembagaan_sosial"]').val(),
no_sk_caltrans: $('input[name="no_sk_caltrans"]').val(),
tgl_sk_caltrans: $('input[name="tgl_sk_caltrans"]').val(),
penandatangan_sk_caltrans: $('input[name="penandatangan_sk_caltrans"]')
.val(),
jarak_tempuh_bandara: $('input[name="jarak_tempuh_bandara"]').val(),
jarak_tempuh_kampung: $('input[name="jarak_tempuh_kampung"]').val(),
kampung_binaan: $('input[name="kampung_binaan"]').val(),
jenis_pelatihan: $('input[name="jenis_pelatihan"]').val(),
sharing_information: $('textarea[name="sharing_information"]').val(),
}
$.ajax({
type: "POST",
url: "{{ URL::to('/') }}/save-caltrans-data-caltrans",
data: data,
success: function(response) {
console.log(response)
$('#saved-kabupaten').text(response.data.kabupaten);
$('#saved-nama-lengkap').text(response.data.nama_lengkap);
$('#saved-nip').text(response.data.nip);
$('#saved-pangkat').text(response.data.pangkat);
$('#saved-jabatan').text(response.data.jabatan);
$('#saved-instansi').text(response.data.instansi);
$('#saved-alamat').text(response.data.alamat);
$('#saved-pesan').text(response.data.pesan);
$('#saved-nama-distrik').text(response.data.nama_distrik);
$('#saved-jumlah-kampung').text(response.data
.jumlah_kampung);
$('#saved-jumlah-penduduk').text(response.data
.jumlah_penduduk);
$('#saved-pendidikan').text(response.data.pendidikan);
$('#saved-pertanian').text(response.data.pertanian);
$('#saved-peternakan').text(response.data.peternakan);
$('#saved-perikanan').text(response.data.perikanan);
$('#saved-perkebunan').text(response.data.perkebunan);
$('#saved-kehutanan').text(response.data.kehutanan);
$('#saved-lain-lain').text(response.data.lain_lain);
$('#saved-potensi-aset').text(response.data.potensi_aset);
$('#saved-kelembagaan-adat').text(response.data
.kelembagaan_adat);
$('#saved-kelembagaan-sosial').text(response.data
.kelembagaan_sosial);
$('#saved-no-sk-caltrans').text(response.data
.no_sk_caltrans);
$('#saved-tgl-sk-caltrans').text(response.data
.tgl_sk_caltrans);
$('#saved-penandatangan-sk-caltrans').text(response.data
.penandatangan_sk_caltrans);
$('#saved-jarak-tempuh-bandara').text(response.data
.jarak_tempuh_bandara + "km");
$('#saved-jarak-tempuh-kampung').text(response.data
.jarak_tempuh_kampung + "km");
$('#saved-kampung-binaan').text(response.data
.kampung_binaan);
$('#saved-jenis-pelatihan').text(response.data
.jenis_pelatihan);
$('#saved-sharing-information').text(response.data
.sharing_information);
// Tampilkan pesan sukses jika diperlukan
alert(response.message);
let id = response.data.data_id
$("#printbutton").attr("href",
"/print-pages-caltrans/caltrans/" +
id)
//Add Class Active
$("#progressbar li").eq($("fieldset").index(next_fs)).addClass(
"active");
//show the next fieldset
next_fs.show();
//hide the current fieldset with style
current_fs.animate({
opacity: 0
}, {
step: function(now) {
// for making fielset appear animation
opacity = 1 - now;
current_fs.css({
'display': 'none',
'position': 'relative'
});
next_fs.css({
'opacity': opacity
});
},
duration: 500
});
setProgressBar(++current);
},
dataType: "JSON",
error: function(response) {
let res = response.responseJSON
const entries = Object.entries(res.input_data_gagal);
let html = ""
entries.forEach(([key, value]) => {
html += `<li>${value}</li>`
});
$("#showerrors").html(html)
$("#showerrors").show()
window.location.href = "#showerrors"
return false
}
});
} else {
// Add Class Active
$("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");
// Show the next fieldset
next_fs.show();
// Hide the current fieldset with style
current_fs.animate({
opacity: 0
}, {
step: function(now) {
// For making fieldset appear animation
opacity = 1 - now;
current_fs.css({
'display': 'none',
'position': 'relative'
});
next_fs.css({
'opacity': opacity
});
},
duration: 500
});
setProgressBar(++current);
}
} else {
$('html, body').animate({
scrollTop: requiredFields.filter(function() {
return $(this).val() === "";
}).first().offset().top
}, 500);
}
});
$(".previous").click(function() {
current_fs = $(this).parent();
previous_fs = $(this).parent().prev();
$("#showerrors").hide()
//Remove class active
$("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active");
//show the previous fieldset
previous_fs.show();
//hide the current fieldset with style
current_fs.animate({
opacity: 0
}, {
step: function(now) {
// for making fielset appear animation
opacity = 1 - now;
current_fs.css({
'display': 'none',
'position': 'relative'
});
previous_fs.css({
'opacity': opacity
});
},
duration: 500
});
setProgressBar(--current);
});
function setProgressBar(curStep) {
var percent = parseFloat(100 / steps) * curStep;
percent = percent.toFixed();

234
resources/views/CalTrans/print-pages.blade.php Normal file
View File

@ -0,0 +1,234 @@
<!DOCTYPE html>
<html>
<head>
<title>PELATIHAN CALTRANS</title>
<style>
table {
border-collapse: collapse;
width: 100%;
}
table,
th,
td {
border: 1px solid black;
}
th,
td {
padding: 10px;
}
</style>
</head>
<body>
<Center>
<h1>PELATIHAN CALTRANS</h1>
<h1>{{ $data_pribadi[0]->kabupaten }}</h1>
</center>
<table>
<tr>
<td>1. Nama Lengkap:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->nama_lengkap }}</div>
</td>
</tr>
<tr>
<td>2. NIP:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->nip }}</div>
</td>
</tr>
<tr>
<td>3. Pangkat / Golongan:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->pangkat }}</div>
</td>
</tr>
<tr>
<td>4. Jabatan:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->jabatan }}</div>
</td>
</tr>
<tr>
<td>5. Instansi:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->instansi }}</div>
</td>
</tr>
<tr>
<td>6. Alamat:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->alamat }}</div>
</td>
</tr>
<tr>
<td>7. No. HP:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->phone_number }}</div>
</td>
</tr>
<tr>
<td>8. Pesan:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->pesan }}</div>
</td>
</tr>
<tr>
<td>9. Nama Distrik:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->nama_distrik }}</div>
</td>
</tr>
<tr>
<td>10. Jumlah Kampung:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->jumlah_kampung }}</div>
</td>
</tr>
<tr>
<td>11. Jumlah Penduduk:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->jumlah_penduduk }}</div>
</td>
</tr>
<tr>
<td>12. Nama kampung:</td>
<td colspan="3">
<div type="text"></div>
</td>
</tr>
<tr>
<td>13. Potensi SDM (Pendidikan):</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->pendidikan }}</div>
</td>
</tr>
<tr>
<td>14. Potensi SDA :</td>
</tr>
<tr>
<td></td>
<td>1. Pertanian:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->pertanian }}</div>
</td>
</tr>
<tr>
<td></td>
<td>2. Peternakan:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->peternakan }}</div>
</td>
</tr>
<tr>
<td></td>
<td>3. Perikanan:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->perikanan }}</div>
</td>
</tr>
<tr>
<td></td>
<td>4. Perkebunan:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->perkebunan }}</div>
</td>
</tr>
<tr>
<td></td>
<td>5. Kehutanan:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->kehutanan }}</div>
</td>
</tr>
<tr>
<td></td>
<td>6. Lain-lain:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->lain_lain }}</div>
</td>
</tr>
<tr>
<td>15. Potensi Kelembagaan:</td>
</tr>
<tr>
<td></td>
<td>1. Kelembagaan Adat:</td>
<td colspan="2">
<div type="text"> {{ $data_pribadi[0]->kelembagaan_adat }}</div>
</td>
</tr>
<tr>
<td></td>
<td>2. Kelembagaan Sosial:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->kelembagaan_sosial }}</div>
</td>
</tr>
<tr>
<td>16. Nomor SK Calon Transmigrasi dari Ditjen PKP2Trans:</td>
<td colspan="3">
<div type="text"> {{ $data_pribadi[0]->no_sk_caltrans }}</div>
</td>
</tr>
<tr>
<td>17 Tanggal SK Calon Transmigrasi dari Ditjen PKP2Trans:</td>
<td colspan="3">
<div type="text"> {{ $data_pribadi[0]->tgl_sk_caltrans }}</div>
</td>
</tr>
<tr>
<td>18 Penandatangan SK Calon Transmigrasi: </td>
<td colspan="3">
<div type="text"> {{ $data_pribadi[0]->penandatangan_sk_caltrans }}</div>
</td>
</tr>
<tr>
<td>19. Moda Transportasi:</td>
{{-- <td colspan="3"><div type="text"></div></td> --}}
</tr>
<tr>
<td></td>
<td>1. Jarak tempuh dari Bandara ke Distrik:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->jarak_tempuh_bandara }} km</div>
</td>
</tr>
<tr>
<td></td>
<td>2. Jarak tempuh Distrik ke Kampung:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->jarak_tempuh_kampung }} km</div>
</td>
</tr>
<tr>
<td>21. Kampung Binaan:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->kampung_binaan }}</div>
</td>
</tr>
<tr>
<td>22. Jenis Pelatihan Yang sudah pernah diikuti:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->jenis_pelatihan }}</div>
</td>
</tr>
<tr>
<td>23. Sharing Information:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->sharing_information }}</div>
</td>
</tr>
</table>
{{-- <button onclick="window.print()">Print</button> --}}
</body>
<script>
window.print()
</script>
</html>

232
resources/views/CalTrans/test.blade.php Normal file
View File

@ -0,0 +1,232 @@
<!DOCTYPE html>
<html>
<head>
<title>PELATIHAN BUMDES</title>
<style>
table {
border-collapse: collapse;
width: 100%;
}
table,
th,
td {
border: 1px solid black;
}
th,
td {
padding: 10px;
}
</style>
</head>
<body>
<h1>PELATIHAN KPMD</h1>
<h1>{{ $data_pribadi[0]->kabupaten }}</h1>
<table>
<tr>
<td>1. Nama Lengkap:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->nama_lengkap }}</div>
</td>
</tr>
<tr>
<td>2. NIP:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->nip }}</div>
</td>
</tr>
<tr>
<td>3. Pangkat / Golongan:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->pangkat }}</div>
</td>
</tr>
<tr>
<td>4. Jabatan:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->jabatan }}</div>
</td>
</tr>
<tr>
<td>5. Instansi:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->instansi }}</div>
</td>
</tr>
<tr>
<td>6. Alamat:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->alamat }}</div>
</td>
</tr>
<tr>
<td>7. No. HP:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->phone_number }}</div>
</td>
</tr>
<tr>
<td>8. Pesan:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->pesan }}</div>
</td>
</tr>
<tr>
<td>9. Nama Distrik:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->nama_distrik }}</div>
</td>
</tr>
<tr>
<td>10. Jumlah Kampung:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->jumlah_kampung }}</div>
</td>
</tr>
<tr>
<td>11. Jumlah Penduduk:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->jumlah_penduduk }}</div>
</td>
</tr>
<tr>
<td>12. Nama kampung:</td>
<td colspan="3">
<div type="text"></div>
</td>
</tr>
<tr>
<td>13. Potensi SDM (Pendidikan):</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->pendidikan }}</div>
</td>
</tr>
<tr>
<td>14. Potensi SDA :</td>
</tr>
<tr>
<td></td>
<td>1. Pertanian:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->pertanian }}</div>
</td>
</tr>
<tr>
<td></td>
<td>2. Peternakan:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->peternakan }}</div>
</td>
</tr>
<tr>
<td></td>
<td>3. Perikanan:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->perikanan }}</div>
</td>
</tr>
<tr>
<td></td>
<td>4. Perkebunan:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->perkebunan }}</div>
</td>
</tr>
<tr>
<td></td>
<td>5. Kehutanan:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->kehutanan }}</div>
</td>
</tr>
<tr>
<td></td>
<td>6. Lain-lain:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->lain_lain }}</div>
</td>
</tr>
<tr>
<td>15. Potensi Kelembagaan:</td>
</tr>
<tr>
<td></td>
<td>1. Kelembagaan Adat:</td>
<td colspan="2">
<div type="text"> {{ $data_pribadi[0]->kelembagaan_adat }}</div>
</td>
</tr>
<tr>
<td></td>
<td>2. Kelembagaan Sosial:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->kelembagaan_sosial }}</div>
</td>
</tr>
<tr>
<td>16. Nomor SK Calon Transmigrasi dari Ditjen PKP2Trans:</td>
<td colspan="3">
<div type="text"> {{ $data_pribadi[0]->no_sk_caltrans }}</div>
</td>
</tr>
<tr>
<td>17 Tanggal SK Calon Transmigrasi dari Ditjen PKP2Trans:</td>
<td colspan="3">
<div type="text"> {{ $data_pribadi[0]->tgl_sk_caltrans }}</div>
</td>
</tr>
<tr>
<td>18 Penandatangan SK Calon Transmigrasi: </td>
<td colspan="3">
<div type="text"> {{ $data_pribadi[0]->penandatangan_sk_caltrans }}</div>
</td>
</tr>
<tr>
<td>19. Moda Transportasi:</td>
{{-- <td colspan="3"><div type="text"></div></td> --}}
</tr>
<tr>
<td></td>
<td>1. Jarak tempuh dari Bandara ke Distrik:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->jarak_tempuh_bandara }}</div>
</td>
</tr>
<tr>
<td></td>
<td>2. Jarak tempuh Distrik ke Kampung:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->jarak_tempuh_kampung }}</div>
</td>
</tr>
<tr>
<td>21. Kampung Binaan:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->kampung_binaan }}</div>
</td>
</tr>
<tr>
<td>22. Jenis Pelatihan Yang sudah pernah diikuti:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->jenis_pelatihan }}</div>
</td>
</tr>
<tr>
<td>23. Sharing Information:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->sharing_information }}</div>
</td>
</tr>
</table>
{{-- <button onclick="window.print()">Print</button> --}}
</body>
<script>
window.print()
</script>
</html>

637
resources/views/DesWita/index.blade.php
View File

@ -1,11 +1,25 @@
@extends('layout.main')
@section('content')
<br><br>
@push('css')
<style>
@media print {
body {
visibility: hidden;
}
#section-to-print {
visibility: visible;
position: absolute;
left: 0;
top: 0;
}
}
.form-select {
padding: 8px 15px;
border: 1px solid #ccc;
border-radius: 0;
border-radius: 7px;
width: 100%;
background-color: #ECEFF1;
font-family: montserrat;
@ -73,11 +87,25 @@
display: none
}
#msform input,
#msform textarea {
#msform input {
padding: 8px 15px 8px 15px;
border: 1px solid #ccc;
border-radius: 0px;
border-radius: 7px;
margin-bottom: 25px;
margin-top: 2px;
width: 100%;
box-sizing: border-box;
font-family: montserrat;
color: #2C3E50;
background-color: #ECEFF1;
font-size: 16px;
letter-spacing: 1px
}
#msform textarea {
padding: 15px 15px 0px 15px;
border: 1px solid #ccc;
border-radius: 7px;
margin-bottom: 25px;
margin-top: 2px;
width: 100%;
@ -246,6 +274,65 @@
width: 100%;
object-fit: cover
}
.FormInput {
position: relative;
margin-bottom: 1rem;
}
.FormInput input,
.FormInput textarea,
.FormInput select {
width: 17rem;
height: 3.6rem;
padding: 0 .8rem;
font-size: 16px;
outline: none;
}
.FormInput label {
position: absolute;
top: 28%;
left: .5rem;
transform: translateY(-25%);
font-size: 16px;
color: #919191;
padding: 0 5px;
pointer-events: none;
padding: 0 1rem 0 0.8rem;
transition: .5s;
}
.FormInput input:focus~label,
.FormInput input:valid~label {
top: 0;
background-color: #fff;
border-radius: 1rem;
}
.FormInput textarea:focus~label,
.FormInput textarea:valid~label {
top: 0;
background-color: #fff;
border-radius: 1rem;
}
.FormInput select:focus~label,
.FormInput select:valid~label {
top: 0;
background-color: #fff;
border-radius: 1rem;
}
.is-invalid {
border-color: #dc3545 !important;
padding-right: calc(1.5em + .75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
</style>
@endpush
<div class="container-fluid">
@ -276,92 +363,138 @@
</div>
<div class="row">
<div class="col-md-6">
<label class="fieldlabels">NIP</label>
<input type="text" class="form-control" name="nip">
<div class="FormInput">
<input type="text" class="@error('nip') is-invalid @enderror" name="nip"
required>
@error('nip')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<span class="invalid-feedback">Please fill out this field.</span>
<label for="">NIP</label>
</div>
</div>
<div class="col-md-6">
<label class="fieldlabels">Nama Lengkap</label>
<input type="text" class="form-control" name="nama_lengkap">
<div class="FormInput">
<input type="text" class="@error('nama_lengkap') is-invalid @enderror"
name="nama_lengkap" required>
@error('nama_lengkap')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Nama Lengkap</label>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<label class="fieldlabels">Pangkat/Golongan</label>
<input type="text" class="form-control" name="pangkat">
<div class="FormInput">
<input type="text" class="@error('pangkat') is-invalid @enderror"
name="pangkat" required>
@error('pangkat')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Pangkat/Golongan</label>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
</div>
<div class="col-md-6">
<label class="fieldlabels">Jabatan</label>
<input type="text" class="form-control" name="jabatan">
<div class="FormInput">
<input type="text" class="@error('jabatan') is-invalid @enderror"
name="jabatan" required>
@error('jabatan')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Jabatan</label>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<label class="fieldlabels">Instansi</label>
<input type="text" class="form-control" name="instansi">
<div class="FormInput">
<input type="text" class="@error('instansi') is-invalid @enderror"
name="instansi" required>
@error('instansi')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Instansi</label>
<span class="invalid-feedback">Please fill out this
field.</span>
</div>
</div>
<div class="col-md-6">
<label class="fieldlabels">Kabupaten</label>
<input type="text" class="form-control" name="kabupaten">
<div class="FormInput">
<input type="text" class="@error('kabupaten') is-invalid @enderror"
name="kabupaten" required>
@error('kabupaten')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Kabupaten</label>
<span class="invalid-feedback">Please fill out this
field.</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<label class="fieldlabels">No. HP</label>
<input type="text" class="form-control" name="phone_number">
<div class="FormInput">
<input type="text" class="@error('phone_number') is-invalid @enderror"
name="phone_number" required>
@error('phone_number')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">No. HP</label>
<span class="invalid-feedback">Please fill out this
field.</span>
</div>
</div>
<div class="col-md-6">
<label class="fieldlabels">Pesan</label>
<textarea type="text" class="form-control" name="pesan"></textarea>
<div class="FormInput">
<textarea type="text" class="@error('pesan') is-invalid @enderror" name="pesan" required></textarea>
@error('pesan')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Pesan</label>
<span class="invalid-feedback">Please fill out this
field.</span>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<label class="fieldlabels">Alamat</label>
<textarea type="text" class="form-control" name="alamat"></textarea>
<div class="FormInput">
<textarea type="text" class="@error('alamat') is-invalid @enderror" name="alamat" required></textarea>
@error('alamat')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Alamat</label>
<span class="invalid-feedback">Please fill out
this field.</span>
</div>
</div>
</div>
</div>
{{-- <div class="text-right">
<button class="btn btn-success">Next</button>
</div> --}}
<button type="button" name="next" class="next action-button" value="Next">Next</button>
{{-- <input type="button" name="next" class="next action-button" value="Next" /> --}}
<button type="button" name="next" class="next action-button"
value="Next">Next</button>
</fieldset>
<fieldset>
<div class="form-card">
@ -369,18 +502,37 @@
<div class="col-7">
<h2 class="fs-title">Data Distrik</h2>
</div>
</div> <label class="fieldlabels">Nama Distrik</label>
<input type="text" class="form-control" name="nama_distrik"> <label
class="fieldlabels">Jumlah
Kampung</label>
<input type="text" class="form-control" name="jumlah_kampung"> <label
class="fieldlabels">Jumlah
Penduduk</label>
<input type="text" class="form-control" name="jumlah_penduduk">
<div class="FormInput">
<input type="text" class="@error('nama_distrik') is-invalid @enderror"
name="nama_distrik" required>
@error('nama_distrik')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="" style="margin-left: 15px;">Nama Distrik</label>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
<div class="FormInput">
<input type="text" class="@error('jumlah_kampung') is-invalid @enderror"
name="jumlah_kampung" required>
@error('jumlah_kampung')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="" style="margin-left: 15px;">Jumlah Kampung</label>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
<div class="FormInput">
<input type="text" class="@error('jumlah_penduduk') is-invalid @enderror"
name="jumlah_penduduk" required>
@error('jumlah_penduduk')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="" style="margin-left: 15px;">Jumlah Penduduk</label>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
</div>
</div> <input type="button" name="next" class="next action-button" value="Next" />
<input type="button" name="previous" class="previous action-button-previous"
value="Previous" />
<input type="button" name="previous"
class="previous action-button-previous"value="Previous" />
</fieldset>
<fieldset>
<div class="form-card">
@ -399,56 +551,129 @@
<div class="col-md-6">
<div class="form-group">
<label class="fieldlabels">Pendidikan</label>
<select class="form-select" aria-label="Pendidikan" style="width:100%"
name="pendidikan">
<div class="FormInput">
<select class="form-select @error('pendidikan') is-invalid @enderror"
aria-label="Pendidikan" style="width:100%" name="pendidikan">
<option selected>Pendidikan</option>
<option value="1">SMP</option>
<option value="2">SMA</option>
<option value="3">Sarjana</option>
</select>
@error('pendidikan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
</div>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
<div class="form-group">
<label class="fieldlabels">Indikator Pembangunan Pariwisata 3AK</label>
<input type="text" class="form-control" name="atraksi"
placeholder="Atraksi" style="margin-bottom: 25px">
<input type="text" class="form-control" name="amenitas"
placeholder="Amenitas" style="margin-bottom: 25px">
<input type="text" class="form-control" name="aksesibilitas"
placeholder="Aksesibilitas" style="margin-bottom: 25px">
<input type="text" class="form-control" name="kelembagaan"
placeholder="Kelembagaan" style="margin-bottom: 25px">
<div class="FormInput">
<input type="text" class="@error('atraksi') is-invalid @enderror"
name="atraksi" required>
@error('atraksi')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Atraksi</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('amenitas') is-invalid @enderror"
name="amenitas" required>
@error('amenitas')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">amenitas</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text"
class="@error('aksesibilitas') is-invalid @enderror"
name="aksesibilitas" required>
@error('aksesibilitas')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">aksesibilitas</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('kelembagaan') is-invalid @enderror"
name="kelembagaan" required>
@error('kelembagaan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">kelembagaan</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
<label class="fieldlabels">Moda Transportasi</label>
<input type="text" class="form-control" name="jarak_tempuh_bandara"
placeholder="Jarak tempuh dari Bandara ke Distrik"
style="margin-bottom: 25px">
<input type="text" class="form-control" name="jarak_tempuh_kampung"
placeholder="Jarak tempuh Distrik ke Kampung">
</div>
<!-- Second column for right-aligned elements -->
<div class="col-md-6">
<label class="fieldlabels">Jumlah POKDARWIS</label>
<input type="text" class="form-control" name="jumlah_pokdarwis">
<label class="fieldlabels">Kampung Binaan</label>
<input type="text" class="form-control" name="kampung_binaan">
<label class="fieldlabels">Jenis Pelatihan Yang Pernah Diikuti</label>
<input type="text" class="form-control" name="jenis_pelatihan">
<div class="FormInput">
<input type="text" class="@error('jumlah_pokdarwis') is-invalid @enderror"
name="jumlah_pokdarwis" required>
@error('jumlah_pokdarwis')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Jumlah POKDARWIS</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('kampung_binaan') is-invalid @enderror"
name="kampung_binaan" required>
@error('kampung_binaan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Kampung Binaan</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('jenis_pelatihan') is-invalid @enderror"
name="jenis_pelatihan" required>
@error('jenis_pelatihan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Jenis Pelatihan Yang Pernah Diikuti</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<label class="fieldlabels">Moda Transportasi</label>
<div class="FormInput">
<input type="text"
class="@error('jarak_tempuh_bandara') is-invalid @enderror"
name="jarak_tempuh_bandara" style="margin-bottom: 25px" required>
@error('jarak_tempuh_bandara')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Jarak tempuh dari Bandara ke Distrik</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text"
class="@error('jarak_tempuh_kampung') is-invalid @enderror"
name="jarak_tempuh_kampung" style="margin-bottom: 25px" required>
@error('jarak_tempuh_kampung')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Jarak tempuh Distrik ke kampung</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
<div class="col-md-12">
<label>Sharing Information</label>
<textarea type="text" class="form-control" name="sharing_information"></textarea>
<label class="fieldlabels">Sharing Information</label>
<textarea type="text" class="form-control @error('sharing_information') is-invalid @enderror"
name="sharing_information"></textarea>
@error('sharing_information')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
</div>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
</div>
<input type="button" name="next" class="next action-button" value="Submit" />
<input type="button" name="previous" class="previous action-button-previous"
value="Previous" />
</fieldset>
<fieldset class="custom-fieldset">
<fieldset class="custom-fieldset" id="section-to-print">
<div class="form-card">
<div class="row">
<div class="col-md-6">
@ -551,7 +776,7 @@
: <span id="saved-sharing-information">
</div>
</div>
<input type="button" name="print" class="print action-button" value="Print" />
<a href="#" class="print action-button" id="printbutton">Print</a>
</div>
</fieldset>
</form>
@ -559,10 +784,22 @@
</div>
</div>
</div>
@push('js')
{{-- @push('js')
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
var coba
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
$(document).ready(function() {
var current_fs, next_fs, previous_fs; //fieldsets
var opacity;
@ -625,9 +862,9 @@
$('#saved-kelembagaan').text(response.data.kelembagaan);
$('#saved-jumlah-pokdarwis').text(response.data.jumlah_pokdarwis);
$('#saved-jarak-tempuh-bandara').text(response.data
.jarak_tempuh_bandara);
.jarak_tempuh_bandara + "km");
$('#saved-jarak-tempuh-kampung').text(response.data
.jarak_tempuh_kampung);
.jarak_tempuh_kampung + "km");
$('#saved-kampung-binaan').text(response.data.kampung_binaan);
$('#saved-jenis-pelatihan').text(response.data.jenis_pelatihan);
$('#saved-sharing-information').text(response.data
@ -635,6 +872,9 @@
// Tampilkan pesan sukses jika diperlukan
alert(response.message);
let id = response.data.data_id
$("#printbutton").attr("href", "/print-pages-deswita/deswita/" + id)
// console.log(response)
//Add Class Active
$("#progressbar li").eq($("fieldset").index(next_fs)).addClass(
@ -728,6 +968,225 @@
setProgressBar(--current);
});
function setProgressBar(curStep) {
var percent = parseFloat(100 / steps) * curStep;
percent = percent.toFixed();
$(".progress-bar")
.css("width", percent + "%")
}
$(".submit").click(function() {
return false;
})
});
</script>
@endpush --}}
@push('js')
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
var coba
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
$(document).ready(function() {
var current_fs, next_fs, previous_fs; //fieldsets
var opacity;
var current = 1;
var steps = $("fieldset").length;
setProgressBar(current);
$(".next").click(function() {
$("#showerrors").hide();
current_fs = $(this).parent();
next_fs = $(this).parent().next();
var requiredFields = current_fs.find(
'input[required], select[required], textarea[required]');
var allFieldsFilled = true;
requiredFields.each(function() {
coba = this;
if ($(this).val() === "") {
allFieldsFilled = false;
$(this).addClass("is-invalid");
$(this.parentElement.parentElement).find(".invalid-feedback").text(
"Please fill out this field.").show()
// $(this).next('.invalid-feedback').text("Please fill out this field.")
// .show();
} else {
$(this).removeClass("is-invalid");
$(this.parentElement.parentElement).find(".invalid-feedback").hide()
// $(this).next('.invalid-feedback').hide();
}
});
if (allFieldsFilled) {
// All required fields are filled, proceed to the next step
if ($(this).attr("value") === "Submit") {
let data = {
nip: $('input[name="nip"]').val(),
nama_lengkap: $('input[name="nama_lengkap"]').val(),
pangkat: $('input[name="pangkat"]').val(),
jabatan: $('input[name="jabatan"]').val(),
instansi: $('input[name="instansi"]').val(),
kabupaten: $('input[name="kabupaten"]').val(),
phone_number: $('input[name="phone_number"]').val(),
pesan: $('textarea[name="pesan"]').val(),
alamat: $('textarea[name="alamat"]').val(),
nama_distrik: $('input[name="nama_distrik"]').val(),
jumlah_kampung: $('input[name="jumlah_kampung"]').val(),
jumlah_penduduk: $('input[name="jumlah_penduduk"]').val(),
pendidikan: $('select[name="pendidikan"]').val(),
atraksi: $('input[name="atraksi"]').val(),
amenitas: $('input[name="amenitas"]').val(),
aksesibilitas: $('input[name="aksesibilitas"]').val(),
kelembagaan: $('input[name="kelembagaan"]').val(),
jumlah_pokdarwis: $('input[name="jumlah_pokdarwis"]').val(),
jenis_pelatihan: $('input[name="jenis_pelatihan"]').val(),
kampung_binaan: $('input[name="kampung_binaan"]').val(),
jarak_tempuh_bandara: $('input[name="jarak_tempuh_bandara"]').val(),
jarak_tempuh_kampung: $('input[name="jarak_tempuh_kampung"]').val(),
sharing_information: $('textarea[name="sharing_information"]').val(),
}
$.ajax({
type: "POST",
url: "{{ URL::to('/') }}/save-deswita-data-deswita",
data: data,
success: function(response) {
console.log(response)
$('#saved-kabupaten').text(response.data.kabupaten);
$('#saved-nama-lengkap').text(response.data.nama_lengkap);
$('#saved-nip').text(response.data.nip);
$('#saved-pangkat').text(response.data.pangkat);
$('#saved-jabatan').text(response.data.jabatan);
$('#saved-instansi').text(response.data.instansi);
$('#saved-alamat').text(response.data.alamat);
$('#saved-pesan').text(response.data.pesan);
$('#saved-nama-distrik').text(response.data.nama_distrik);
$('#saved-jumlah-kampung').text(response.data.jumlah_kampung);
$('#saved-jumlah-penduduk').text(response.data.jumlah_penduduk);
$('#saved-pendidikan').text(response.data.pendidikan);
$('#saved-atraksi').text(response.data.atraksi);
$('#saved-amenitas').text(response.data.amenitas);
$('#saved-aksesibilitas').text(response.data.aksesibilitas);
$('#saved-kelembagaan').text(response.data.kelembagaan);
$('#saved-jumlah-pokdarwis').text(response.data
.jumlah_pokdarwis);
$('#saved-jarak-tempuh-bandara').text(response.data
.jarak_tempuh_bandara + "km");
$('#saved-jarak-tempuh-kampung').text(response.data
.jarak_tempuh_kampung + "km");
$('#saved-kampung-binaan').text(response.data.kampung_binaan);
$('#saved-jenis-pelatihan').text(response.data.jenis_pelatihan);
$('#saved-sharing-information').text(response.data
.sharing_information);
// Tampilkan pesan sukses jika diperlukan
alert(response.message);
let id = response.data.data_id
$("#printbutton").attr("href", "/print-pages-deswita/deswita/" +
id)
// console.log(response)
//Add Class Active
$("#progressbar li").eq($("fieldset").index(next_fs)).addClass(
"active");
//show the next fieldset
next_fs.show();
//hide the current fieldset with style
current_fs.animate({
opacity: 0
}, {
step: function(now) {
// for making fielset appear animation
opacity = 1 - now;
current_fs.css({
'display': 'none',
'position': 'relative'
});
next_fs.css({
'opacity': opacity
});
},
duration: 500
});
setProgressBar(++current);
},
dataType: "JSON",
error: function(response) {
let res = response.responseJSON
const entries = Object.entries(res.input_data_gagal);
let html = ""
entries.forEach(([key, value]) => {
html += `<li>${value}</li>`
});
$("#showerrors").html(html)
$("#showerrors").show()
window.location.href = "#showerrors"
return false
}
});
} else {
// Add Class Active
$("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");
// Show the next fieldset
next_fs.show();
// Hide the current fieldset with style
current_fs.animate({
opacity: 0
}, {
step: function(now) {
// For making fieldset appear animation
opacity = 1 - now;
current_fs.css({
'display': 'none',
'position': 'relative'
});
next_fs.css({
'opacity': opacity
});
},
duration: 500
});
setProgressBar(++current);
}
} else {
$('html, body').animate({
scrollTop: requiredFields.filter(function() {
return $(this).val() === "";
}).first().offset().top
}, 500);
}
});
$(".previous").click(function() {
current_fs = $(this).parent();
previous_fs = $(this).parent().prev();
$("#showerrors").hide()
//Remove class active
$("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active");
//show the previous fieldset
previous_fs.show();
//hide the current fieldset with style
current_fs.animate({
opacity: 0
}, {
step: function(now) {
// for making fielset appear animation
opacity = 1 - now;
current_fs.css({
'display': 'none',
'position': 'relative'
});
previous_fs.css({
'opacity': opacity
});
},
duration: 500
});
setProgressBar(--current);
});
function setProgressBar(curStep) {
var percent = parseFloat(100 / steps) * curStep;
percent = percent.toFixed();

235
resources/views/DesWita/print-pages.blade.php Normal file
View File

@ -0,0 +1,235 @@
<!DOCTYPE html>
<html>
<head>
<title>PELATIHAN DESWITA</title>
<style>
table {
border-collapse: collapse;
width: 100%;
}
table,
th,
td {
border: 1px solid black;
}
th,
td {
padding: 10px;
}
</style>
</head>
<body>
<Center>
<h1>PELATIHAN DESWITA</h1>
<h1>{{ $data_pribadi[0]->kabupaten }}</h1>
</center>
<table>
<tr>
<td>1. Nama Lengkap:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->nama_lengkap }}</div>
</td>
</tr>
<tr>
<td>2. NIP:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->nip }}</div>
</td>
</tr>
<tr>
<td>3. Pangkat / Golongan:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->pangkat }}</div>
</td>
</tr>
<tr>
<td>4. Jabatan:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->jabatan }}</div>
</td>
</tr>
<tr>
<td>5. Instansi:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->instansi }}</div>
</td>
</tr>
<tr>
<td>6. Alamat:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->alamat }}</div>
</td>
</tr>
<tr>
<td>7. No. HP:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->phone_number }}</div>
</td>
</tr>
<tr>
<td>8. Pesan:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->pesan }}</div>
</td>
</tr>
<tr>
<td>9. Nama Distrik:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->nama_distrik }}</div>
</td>
</tr>
<tr>
<td>10. Jumlah Kampung:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->jumlah_kampung }}</div>
</td>
</tr>
<tr>
<td>11. Jumlah Penduduk:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->jumlah_penduduk }}</div>
</td>
</tr>
<tr>
<td>12. Nama kampung:</td>
<td colspan="3">
<div type="text"></div>
</td>
</tr>
<tr>
<td>13. Potensi SDM (Pendidikan):</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->pendidikan }}</div>
</td>
</tr>
{{-- <tr>
<td>14. Potensi SDA :</td>
</tr>
<tr>
<td></td>
<td>1. Pertanian:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->pertanian }}</div>
</td>
</tr>
<tr>
<td></td>
<td>2. Peternakan:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->peternakan }}</div>
</td>
</tr>
<tr>
<td></td>
<td>3. Perikanan:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->perikanan }}</div>
</td>
</tr>
<tr>
<td></td>
<td>4. Perkebunan:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->perkebunan }}</div>
</td>
</tr>
<tr>
<td></td>
<td>5. Kehutanan:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->kehutanan }}</div>
</td>
</tr>
<tr>
<td></td>
<td>6. Lain-lain:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->lain_lain }}</div>
</td>
</tr> --}}
<tr>
<td>14. Indikator Pembangunan Pariwisata 3AK:</td>
</tr>
<tr>
<td></td>
<td>1. Atraksi:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->atraksi }}</div>
</td>
</tr>
<tr>
<td></td>
<td>2. Amenitas:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->amenitas }}</div>
</td>
</tr>
<tr>
<td></td>
<td>3. Aksesibilitas:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->aksesibilitas }}</div>
</td>
</tr>
<tr>
<td></td>
<td>4. Kelembagaan:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->kelembagaan }}</div>
</td>
</tr>
<tr>
<td>16. Jumlah Pokdarwis:</td>
<td colspan="3">
<div type="text"> {{ $data_pribadi[0]->jumlah_pokdarwis }}</div>
</td>
</tr>
<tr>
<td>19. Moda Transportasi:</td>
{{-- <td colspan="3"><div type="text"></div></td> --}}
</tr>
<tr>
<td></td>
<td>1. Jarak tempuh dari Bandara ke Distrik:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->jarak_tempuh_bandara }} km</div>
</td>
</tr>
<tr>
<td></td>
<td>2. Jarak tempuh Distrik ke Kampung:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->jarak_tempuh_kampung }} km</div>
</td>
</tr>
<tr>
<td>21. Kampung Binaan:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->kampung_binaan }}</div>
</td>
</tr>
<tr>
<td>22. Jenis Pelatihan Yang sudah pernah diikuti:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->jenis_pelatihan }}</div>
</td>
</tr>
<tr>
<td>23. Sharing Information:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->sharing_information }}</div>
</td>
</tr>
</table>
{{-- <button onclick="window.print()">Print</button> --}}
</body>
<script>
window.print()
</script>
</html>

690
resources/views/KPMD/index.blade.php
View File

@ -1,11 +1,26 @@
@extends('layout.main')
@section('content')
<br>
<br>
@push('css')
<style>
@media print {
body {
visibility: hidden;
}
#section-to-print {
visibility: visible;
position: absolute;
left: 0;
top: 0;
}
}
.form-select {
padding: 8px 15px;
border: 1px solid #ccc;
border-radius: 0;
border-radius: 7px;
width: 100%;
background-color: #ECEFF1;
font-family: montserrat;
@ -73,11 +88,25 @@
display: none
}
#msform input,
#msform textarea {
#msform input {
padding: 8px 15px 8px 15px;
border: 1px solid #ccc;
border-radius: 0px;
border-radius: 7px;
margin-bottom: 25px;
margin-top: 2px;
width: 100%;
box-sizing: border-box;
font-family: montserrat;
color: #2C3E50;
background-color: #ECEFF1;
font-size: 16px;
letter-spacing: 1px
}
#msform textarea {
padding: 15px 15px 0px 15px;
border: 1px solid #ccc;
border-radius: 7px;
margin-bottom: 25px;
margin-top: 2px;
width: 100%;
@ -246,14 +275,75 @@
width: 100%;
object-fit: cover
}
.FormInput {
position: relative;
margin-bottom: 1rem;
}
.FormInput input,
.FormInput textarea,
.FormInput select {
width: 17rem;
height: 3.6rem;
padding: 0 .8rem;
font-size: 16px;
outline: none;
}
.FormInput label {
position: absolute;
top: 28%;
left: .5rem;
transform: translateY(-25%);
font-size: 16px;
color: #919191;
padding: 0 5px;
pointer-events: none;
padding: 0 1rem 0 0.8rem;
transition: .5s;
}
.FormInput input:focus~label,
.FormInput input:valid~label {
top: 0;
background-color: #fff;
border-radius: 1rem;
}
.FormInput textarea:focus~label,
.FormInput textarea:valid~label {
top: 0;
background-color: #fff;
border-radius: 1rem;
}
.FormInput select:focus~label,
.FormInput select:valid~label {
top: 0;
background-color: #fff;
border-radius: 1rem;
}
.is-invalid {
border-color: #dc3545 !important;
padding-right: calc(1.5em + .75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
</style>
@endpush
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-11 col-sm-9 col-md-7 col-lg-9 text-center p-0 mt-3 mb-2">
<div class="card px-0 pt-4 pb-0 mt-3 mb-3">
<h2 id="heading">Form Pelatihan Badan Usaha Milik Desa</h2>
<p>Fill all form field to go to next step</p>
<h2 id="heading">Form Pelatihan Kader Pemberdayaan Masyarakat Kampung</h2>
<p>Fill all form field to go to next step
</div>
<form id="msform" action="/bumdes" method="POST">
@csrf
<!-- progressbar -->
@ -276,93 +366,131 @@
</div>
<div class="row">
<div class="col-md-6">
<label class="fieldlabels">NIP</label>
<input type="text" class="form-control @error('nip') is-invalid @enderror"
name="nip" required>
<div class="FormInput">
<input type="text" class="@error('nip') is-invalid @enderror" name="nip"
required>
@error('nip')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<span class="invalid-feedback">Please fill out this field.</span>
<label for="">NIP</label>
</div>
</div>
<div class="col-md-6">
<label class="fieldlabels">Nama Lengkap</label>
<input type="text"
class="form-control @error('nama_lengkap') is-invalid @enderror"
<div class="FormInput">
<input type="text" class="@error('nama_lengkap') is-invalid @enderror"
name="nama_lengkap" required>
@error('nama_lengkap')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Nama Lengkap</label>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<label class="fieldlabels">Pangkat/Golongan</label>
<input type="text" class="form-control @error('pangkat') is-invalid @enderror"
name="pangkat" required>
<div class="FormInput">
<input type="text" class="@error('pangkat') is-invalid @enderror" name="pangkat"
required>
@error('pangkat')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Pangkat/Golongan</label>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
</div>
<div class="col-md-6">
<label class="fieldlabels">Jabatan</label>
<input type="text" class="form-control @error('jabatan') is-invalid @enderror"
name="jabatan" required>
<div class="FormInput">
<input type="text" class="@error('jabatan') is-invalid @enderror" name="jabatan"
required>
@error('jabatan')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Jabatan</label>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<label class="fieldlabels">Instansi</label>
<input type="text" class="form-control @error('instansi') is-invalid @enderror"
<div class="FormInput">
<input type="text" class="@error('instansi') is-invalid @enderror"
name="instansi" required>
@error('instansi')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Instansi</label>
<span class="invalid-feedback">Please fill out this
field.</span>
</div>
</div>
<div class="col-md-6">
<label class="fieldlabels">Kabupaten</label>
<input type="text" class="form-control @error('kabupaten') is-invalid @enderror"
<div class="FormInput">
<input type="text" class="@error('kabupaten') is-invalid @enderror"
name="kabupaten" required>
@error('kabupaten')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Kabupaten</label>
<span class="invalid-feedback">Please fill out this
field.</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<label class="fieldlabels">No. HP</label>
<input type="text"
class="form-control @error('phone_number') is-invalid @enderror"
<div class="FormInput">
<input type="text" class="@error('phone_number') is-invalid @enderror"
name="phone_number" required>
@error('phone_number')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">No. HP</label>
<span class="invalid-feedback">Please fill out this
field.</span>
</div>
</div>
<div class="col-md-6">
<label class="fieldlabels">Pesan</label>
<textarea type="text" class="form-control @error('pesan') is-invalid @enderror" name="pesan" required></textarea>
<div class="FormInput">
<textarea type="text" class="@error('pesan') is-invalid @enderror" name="pesan" required></textarea>
@error('pesan')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Pesan</label>
<span class="invalid-feedback">Please fill out this
field.</span>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<label class="fieldlabels">Alamat</label>
<textarea type="text" class="form-control @error('alamat') is-invalid @enderror" name="alamat" required></textarea>
<div class="FormInput">
<textarea type="text" class="@error('alamat') is-invalid @enderror" name="alamat" required></textarea>
@error('alamat')
<p class="text text-danger">
{{ $message }}</p>
<div class="invalid-feedback">
{{ $message }}</div>
@enderror
<label for="">Alamat</label>
<span class="invalid-feedback">Please fill out
this field.</span>
</div>
</div>
</div>
</div>
@ -376,16 +504,34 @@
<div class="col-7">
<h2 class="fs-title">Data Distrik</h2>
</div>
</div> <label class="fieldlabels">Nama Distrik</label>
<input type="text" class="form-control @error('nama_distrik') is-invalid @enderror"
name="nama_distrik"> <label class="fieldlabels">Jumlah
Kampung</label>
<input type="text" class="form-control @error('jumlah_kampung') is-invalid @enderror"
name="jumlah_kampung"> <label class="fieldlabels">Jumlah
Penduduk</label>
<input type="text" class="form-control @error('jumlah_penduduk') is-invalid @enderror"
name="jumlah_penduduk">
<div class="FormInput">
<input type="text" class="@error('nama_distrik') is-invalid @enderror"
name="nama_distrik" required>
@error('nama_distrik')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="" style="margin-left: 15px;">Nama Distrik</label>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
<div class="FormInput">
<input type="text" class="@error('jumlah_kampung') is-invalid @enderror"
name="jumlah_kampung" required>
@error('jumlah_kampung')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="" style="margin-left: 15px;">Jumlah Kampung</label>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
<div class="FormInput">
<input type="text" class="@error('jumlah_penduduk') is-invalid @enderror"
name="jumlah_penduduk" required>
@error('jumlah_penduduk')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="" style="margin-left: 15px;">Jumlah Penduduk</label>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
</div>
</div> <input type="button" name="next" class="next action-button" value="Next" />
<input type="button" name="previous" class="previous action-button-previous"
value="Previous" />
@ -406,6 +552,7 @@
<div class="col-md-6">
<div class="form-group">
<label class="fieldlabels">Pendidikan</label>
<div class="FormInput">
<select class="form-select @error('pendidikan') is-invalid @enderror"
aria-label="Pendidikan" style="width:100%" name="pendidikan">
<option selected>Pendidikan</option>
@ -413,74 +560,144 @@
<option value="2">SMA</option>
<option value="3">Sarjana</option>
</select>
@error('pendidikan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
</div>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
<div class="form-group">
<label class="fieldlabels">Potensi SDA</label>
<input type="text"
class="form-control @error('pertanian') is-invalid @enderror"
name="pertanian" placeholder="Pertanian" style="margin-bottom: 25px">
<input type="text"
class="form-control @error('peternakan') is-invalid @enderror"
name="peternakan" placeholder="Peternakan" style="margin-bottom: 25px">
<input type="text"
class="form-control @error('perikanan') is-invalid @enderror"
name="perikanan" placeholder="Perikanan" style="margin-bottom: 25px">
<input type="text"
class="form-control @error('perkebunan') is-invalid @enderror"
name="perkebunan" placeholder="Perkenunan" style="margin-bottom: 25px">
<input type="text"
class="form-control @error('kehutanan') is-invalid @enderror"
name="kehutanan" placeholder="Kehutanan" style="margin-bottom: 25px">
<input type="text"
class="form-control @error('lain_lain') is-invalid @enderror"
name="lain_lain" placeholder="lain_lain" style="margin-bottom: 25px">
<div class="FormInput">
<input type="text" class="@error('pertanian') is-invalid @enderror"
name="pertanian" required>
@error('pendidikan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Pertanian</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('peternakan') is-invalid @enderror"
name="peternakan" style="margin-bottom: 25px" required>
@error('peternakan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Peternakan</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('perikanan') is-invalid @enderror"
name="perikanan" style="margin-bottom: 25px" required>
@error('perikanan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Perikanan</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('perkebunan') is-invalid @enderror"
name="perkebunan" style="margin-bottom: 25px" required>
@error('perkebunan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Perkebunan</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('kehutanan') is-invalid @enderror"
name="kehutanan" style="margin-bottom: 25px" required>
@error('kehutanan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Kehutanan</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('lain_lain') is-invalid @enderror"
name="lain_lain" style="margin-bottom: 25px" required>
@error('lain_lain')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Lain-lain</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
<label class="fieldlabels">kampung binaan</label>
<input type="text"
class="form-control @error('kampung_binaan') is-invalid @enderror"
name="kampung_binaan">
<label class="fieldlabels">Jenis Pelatihan Yang Pernah Diikuti</label>
<input type="text"
class="form-control @error('jenis_pelatihan') is-invalid @enderror"
name="jenis_pelatihan">
</div>
<div class="col-md-6">
<label class="fieldlabels">Kelembagaan</label>
<input type="text"
class="form-control @error('kelembagaan_adat') is-invalid @enderror"
name="kelembagaan_adat" placeholder="Kelembagaan Adat"
style="margin-bottom: 25px">
<input type="text"
class="form-control @error('kelembagaan_sosial') is-invalid @enderror"
name="kelembagaan_sosial" placeholder="Kelembagaan Sosial"
style="margin-bottom: 25px">x
<div class="FormInput">
<input type="text" class="@error('kelembagaan_adat') is-invalid @enderror"
name="kelembagaan_adat" style="margin-bottom: 25px" required>
@error('kelembagaan_adat')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Kelembagaan Adat</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('kelembagaan_sosial') is-invalid @enderror"
name="kelembagaan_sosial" style="margin-bottom: 25px" required>
@error('kelembagaan_sosial')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Kelembagaan Sosial</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<label class="fieldlabels">Moda Transportasi</label>
<input type="text"
class="form-control @error('jarak_tempuh_bandara') is-invalid @enderror"
name="jarak_tempuh_bandara" placeholder="Jarak tempuh dari Bandara ke Distrik"
style="margin-bottom:45px">
<input type="text"
class="form-control @error('jarak_tempuh_kampung') is-invalid @enderror"
name="jarak_tempuh_kampung" placeholder="Jarak tempuh Distrik ke Kampung">
<div class="FormInput">
<input type="text" class="@error('jarak_tempuh_bandara') is-invalid @enderror"
name="jarak_tempuh_bandara" style="margin-bottom: 25px" required>
@error('jarak_tempuh_bandara')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Jarak tempuh dari Bandara ke Distrik</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('jarak_tempuh_kampung') is-invalid @enderror"
name="jarak_tempuh_kampung" style="margin-bottom: 25px" required>
@error('jarak_tempuh_kampung')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Jarak tempuh Distrik ke kampung</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('kampung_binaan') is-invalid @enderror"
name="kampung_binaan" required>
@error('kampung_binaan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Kampung Binaan</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
<div class="FormInput">
<input type="text" class="@error('jenis_pelatihan') is-invalid @enderror"
name="jenis_pelatihan" required>
@error('jenis_pelatihan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
<label for="">Jenis Pelatihan Yang Pernah Diikuti</label>
</div>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
<div class="col-md-12">
<label class="fieldlabels">Sharing Information</label>
<textarea type="text" class="form-control @error('sharing_information') is-invalid @enderror"
name="sharing_information"></textarea>
@error('sharing_information')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
</div>
<span class="invalid-feedback">Please fill out this field.</span>
</div>
</div>
<input type="button" name="next" class="next action-button" value="Submit" />
<input type="button" name="previous" class="previous action-button-previous"
value="Previous" />
</fieldset>
<fieldset class="custom-fieldset">
<fieldset class="custom-fieldset" id="section-to-print">
<div class="form-card">
<div class="row">
<div class="col-md-6">
@ -512,6 +729,10 @@
<div class="col-4">Alamat</div>
<div class="col">: <span id="saved-alamat"></div>
</div>
<div class="row">
<div class="col-4">Nomor HP</div>
<div class="col">: <span id="saved-phone-number"></div>
</div>
<div class="row">
<div class="col-4">Pesan</div>
<div class="col">: <span id="saved-pesan"></div>
@ -549,7 +770,7 @@
&emsp;6.&emsp;lain_lain
</div>
<div class="col-4">
<div class="col-8">
<div class="col">: <span id="saved-pertanian"></div>
<div class="col">: <span id="saved-peternakan"></div>
<div class="col">: <span id="saved-perikanan"></div>
@ -596,7 +817,7 @@
: <span id="saved-sharing-information">
</div>
</div>
<input type="button" name="print" class="print action-button" value="Print" />
<a href="#" class="print action-button" id="printbutton">Print</a>
</div>
</fieldset>
</form>
@ -608,6 +829,14 @@
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
var coba
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
$(document).ready(function() {
var current_fs, next_fs, previous_fs; //fieldsets
var opacity;
@ -615,13 +844,32 @@
var steps = $("fieldset").length;
setProgressBar(current);
$(".next").click(function() {
$("#showerrors").hide()
coba = this
$("#showerrors").hide();
current_fs = $(this).parent();
next_fs = $(this).parent().next();
// let node_button = next_fs.find(".next").attr("value")
var requiredFields = current_fs.find(
'input[required], select[required], textarea[required]');
var allFieldsFilled = true;
requiredFields.each(function() {
coba = this;
if ($(this).val() === "") {
allFieldsFilled = false;
$(this).addClass("is-invalid");
$(this.parentElement.parentElement).find(".invalid-feedback").text(
"Please fill out this field.").show()
// $(this).next('.invalid-feedback').text("Please fill out this field.")
// .show();
} else {
$(this).removeClass("is-invalid");
$(this.parentElement.parentElement).find(".invalid-feedback").hide()
// $(this).next('.invalid-feedback').hide();
}
});
if (allFieldsFilled) {
// All required fields are filled, proceed to the next step
if ($(this).attr("value") === "Submit") {
let data = {
"_token": "{{ csrf_token() }}",
nip: $('input[name="nip"]').val(),
nama_lengkap: $('input[name="nama_lengkap"]').val(),
pangkat: $('input[name="pangkat"]').val(),
@ -663,6 +911,223 @@
$('#saved-jabatan').text(response.data.jabatan);
$('#saved-instansi').text(response.data.instansi);
$('#saved-alamat').text(response.data.alamat);
$('#saved-phone-number').text(response.data.phone_number);
$('#saved-pesan').text(response.data.pesan);
$('#saved-nama-distrik').text(response.data.nama_distrik);
$('#saved-jumlah-kampung').text(response.data.jumlah_kampung);
$('#saved-jumlah-penduduk').text(response.data.jumlah_penduduk);
$('#saved-pendidikan').text(response.data.pendidikan);
$('#saved-pertanian').text(response.data.pertanian);
$('#saved-peternakan').text(response.data.peternakan);
$('#saved-perikanan').text(response.data.perikanan);
$('#saved-perkebunan').text(response.data.perkebunan);
$('#saved-kehutanan').text(response.data.kehutanan);
$('#saved-lain-lain').text(response.data.lain_lain);
$('#saved-kelembagaan-adat').text(response.data
.kelembagaan_adat);
$('#saved-kelembagaan-sosial').text(response.data
.kelembagaan_sosial);
$('#saved-jarak-tempuh-bandara').text(response.data
.jarak_tempuh_bandara);
$('#saved-jarak-tempuh-kampung').text(response.data
.jarak_tempuh_kampung);
$('#saved-kampung-binaan').text(response.data.kampung_binaan);
$('#saved-jenis-pelatihan').text(response.data.jenis_pelatihan);
$('#saved-sharing-information').text(response.data
.sharing_information);
// Tampilkan pesan sukses jika diperlukan
alert(response.message);
let id = response.data.data_id
$("#printbutton").attr("href", "/print-pages/kpmd/" + id)
// console.log(response)
//Add Class Active
$("#progressbar li").eq($("fieldset").index(next_fs)).addClass(
"active");
//show the next fieldset
next_fs.show();
//hide the current fieldset with style
current_fs.animate({
opacity: 0
}, {
step: function(now) {
// for making fielset appear animation
opacity = 1 - now;
current_fs.css({
'display': 'none',
'position': 'relative'
});
next_fs.css({
'opacity': opacity
});
},
duration: 500
});
setProgressBar(++current);
},
dataType: "JSON",
error: function(response) {
let res = response.responseJSON
const entries = Object.entries(res.input_data_gagal);
let html = ""
entries.forEach(([key, value]) => {
html += `<li>${value}</li>`
});
$("#showerrors").html(html)
$("#showerrors").show()
window.location.href = "#showerrors"
return false
}
});
} else {
// Add Class Active
$("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");
// Show the next fieldset
next_fs.show();
// Hide the current fieldset with style
current_fs.animate({
opacity: 0
}, {
step: function(now) {
// For making fieldset appear animation
opacity = 1 - now;
current_fs.css({
'display': 'none',
'position': 'relative'
});
next_fs.css({
'opacity': opacity
});
},
duration: 500
});
setProgressBar(++current);
}
} else {
$('html, body').animate({
scrollTop: requiredFields.filter(function() {
return $(this).val() === "";
}).first().offset().top
}, 500);
}
});
$(".previous").click(function() {
current_fs = $(this).parent();
previous_fs = $(this).parent().prev();
$("#showerrors").hide()
//Remove class active
$("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active");
//show the previous fieldset
previous_fs.show();
//hide the current fieldset with style
current_fs.animate({
opacity: 0
}, {
step: function(now) {
// for making fielset appear animation
opacity = 1 - now;
current_fs.css({
'display': 'none',
'position': 'relative'
});
previous_fs.css({
'opacity': opacity
});
},
duration: 500
});
setProgressBar(--current);
});
function setProgressBar(curStep) {
var percent = parseFloat(100 / steps) * curStep;
percent = percent.toFixed();
$(".progress-bar")
.css("width", percent + "%")
}
$(".submit").click(function() {
return false;
})
});
</script>
@endpush
{{-- @push('js')
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
var coba
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
$(document).ready(function() {
var current_fs, next_fs, previous_fs; //fieldsets
var opacity;
var current = 1;
var steps = $("fieldset").length;
setProgressBar(current);
$(".next").click(function() {
$("#showerrors").hide()
coba = this
current_fs = $(this).parent();
next_fs = $(this).parent().next();
// let node_button = next_fs.find(".next").attr("value")
if ($(this).attr("value") === "Submit") {
let data = {
"_token": "{{ csrf_token() }}",
nip: $('input[name="nip"]').val(),
nama_lengkap: $('input[name="nama_lengkap"]').val(),
pangkat: $('input[name="pangkat"]').val(),
jabatan: $('input[name="jabatan"]').val(),
instansi: $('input[name="instansi"]').val(),
kabupaten: $('input[name="kabupaten"]').val(),
phone_number: $('input[name="phone_number"]').val(),
pesan: $('textarea[name="pesan"]').val(),
alamat: $('textarea[name="alamat"]').val(),
nama_distrik: $('input[name="nama_distrik"]').val(),
jumlah_kampung: $('input[name="jumlah_kampung"]').val(),
jumlah_penduduk: $('input[name="jumlah_penduduk"]').val(),
pendidikan: $('select[name="pendidikan"]').val(),
pertanian: $('input[name="pertanian"]').val(),
peternakan: $('input[name="peternakan"]').val(),
perikanan: $('input[name="perikanan"]').val(),
perkebunan: $('input[name="perkebunan"]').val(),
kehutanan: $('input[name="kehutanan"]').val(),
lain_lain: $('input[name="lain_lain"]').val(),
jenis_pelatihan: $('input[name="jenis_pelatihan"]').val(),
kelembagaan_adat: $('input[name="kelembagaan_adat"]').val(),
kelembagaan_sosial: $('input[name="kelembagaan_sosial"]').val(),
jarak_tempuh_bandara: $('input[name="jarak_tempuh_bandara"]').val(),
jarak_tempuh_kampung: $('input[name="jarak_tempuh_kampung"]').val(),
kampung_binaan: $('input[name="kampung_binaan"]').val(),
sharing_information: $('textarea[name="sharing_information"]').val(),
}
$.ajax({
type: "POST",
url: "{{ URL::to('/') }}/save-kpmd-data-kpmd",
data: data,
success: function(response) {
// Menampilkan data yang telah disimpan dalam elemen HTML
console.log(response)
$('#saved-kabupaten').text(response.data.kabupaten);
$('#saved-nama-lengkap').text(response.data.nama_lengkap);
$('#saved-nip').text(response.data.nip);
$('#saved-pangkat').text(response.data.pangkat);
$('#saved-jabatan').text(response.data.jabatan);
$('#saved-instansi').text(response.data.instansi);
$('#saved-alamat').text(response.data.alamat);
$('#saved-phone-number').text(response.data.phone_number);
$('#saved-pesan').text(response.data.pesan);
$('#saved-nama-distrik').text(response.data.nama_distrik);
$('#saved-jumlah-kampung').text(response.data.jumlah_kampung);
@ -688,6 +1153,9 @@
// Tampilkan pesan sukses jika diperlukan
alert(response.message);
let id = response.data.data_id
$("#printbutton").attr("href", "/print-pages/kpmd/" + id)
// console.log(response)
//Add Class Active
@ -793,5 +1261,5 @@
})
});
</script>
@endpush
@endpush --}}
@endsection

247
resources/views/KPMD/print-pages.blade.php Normal file
View File

@ -0,0 +1,247 @@
<!DOCTYPE html>
<html>
<head>
<title>PELATIHAN KPMD</title>
<style>
table {
border-collapse: collapse;
width: 100%;
}
table,
th,
td {
border: 1px solid black;
}
th,
td {
padding: 10px;
}
</style>
</head>
<body>
<Center>
<h1>PELATIHAN KPMD</h1>
<h1>{{ $data_pribadi[0]->kabupaten }}</h1>
</center>
<table>
<tr>
<td>1. Nama Lengkap:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->nama_lengkap }}</div>
</td>
</tr>
<tr>
<td>2. NIP:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->nip }}</div>
</td>
</tr>
<tr>
<td>3. Pangkat / Golongan:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->pangkat }}</div>
</td>
</tr>
<tr>
<td>4. Jabatan:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->jabatan }}</div>
</td>
</tr>
<tr>
<td>5. Instansi:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->instansi }}</div>
</td>
</tr>
<tr>
<td>6. Alamat:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->alamat }}</div>
</td>
</tr>
<tr>
<td>7. No. HP:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->phone_number }}</div>
</td>
</tr>
<tr>
<td>8. Pesan:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->pesan }}</div>
</td>
</tr>
<tr>
<td>9. Nama Distrik:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->nama_distrik }}</div>
</td>
</tr>
<tr>
<td>10. Jumlah Kampung:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->jumlah_kampung }}</div>
</td>
</tr>
<tr>
<td>11. Jumlah Penduduk:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->jumlah_penduduk }}</div>
</td>
</tr>
<tr>
<td>12. Nama kampung:</td>
<td colspan="3">
<div type="text"></div>
</td>
</tr>
<tr>
<td>13. Potensi SDM (Pendidikan):</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->pendidikan }}</div>
</td>
</tr>
<tr>
<td>14. Potensi SDA :</td>
{{-- <td colspan="3"><div type="text"></div></td> --}}
</tr>
<tr>
<td></td>
<td>1. Pertanian:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->pertanian }}</div>
</td>
</tr>
<tr>
<td></td>
<td>2. Peternakan:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->peternakan }}</div>
</td>
</tr>
<tr>
<td></td>
<td>3. Perikanan:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->perikanan }}</div>
</td>
</tr>
<tr>
<td></td>
<td>4. Perkebunan:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->perkebunan }}</div>
</td>
</tr>
<tr>
<td></td>
<td>5. Kehutanan:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->kehutanan }}</div>
</td>
</tr>
<tr>
<td></td>
<td>6. Lain-lain:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->lain_lain }}</div>
</td>
</tr>
<tr>
<td>15. Potensi Kelembagaan:</td>
{{-- <td colspan="3"><div type="text"></div></td> --}}
</tr>
<tr>
<td></td>
<td>1. kelembagaan Adat:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->kelembagaan_adat }}</div>
</td>
</tr>
<tr>
<td></td>
<td>2. kelembagaan Sosial:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->kelembagaan_sosial }}</div>
</td>
</tr>
<tr>
<td>16. Potensi Aset:</td>
<td colspan="3">
<div type="text"></div>
</td>
</tr>
{{-- <tr>
<td>17. Jumlah Bumdes:</td>
</tr>
<tr>
<td></td>
<td>1. Jumlah BUMDes yang sudah berbadan hukum:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->bumdes_sudah_berbadan }}</div>
</td>
</tr>
<tr>
<td></td>
<td>2. Jumlah BUMDes yang Belum berbadan hukum:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->bumdes_sudah_berbadan }}</div>
</td>
</tr>
<tr>
<td>18. Jenis Usaha BUMDes:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->jenis_usaha_bumdes }}</div>
</td>
</tr> --}}
<tr>
<td>19. Moda Transportasi:</td>
{{-- <td colspan="3"><div type="text"></div></td> --}}
</tr>
<tr>
<td></td>
<td>1. Jarak tempuh dari Bandara ke Distrik:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->jarak_tempuh_bandara }} km</div>
</td>
</tr>
<tr>
<td></td>
<td>2. Jarak tempuh Distrik ke Kampung:</td>
<td colspan="2">
<div type="text">{{ $data_pribadi[0]->jarak_tempuh_kampung }} km</div>
</td>
</tr>
<tr>
<td>21. Kampung Binaan:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->kampung_binaan }}</div>
</td>
</tr>
<tr>
<td>22. Jenis Pelatihan Yang sudah pernah diikuti:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->jenis_pelatihan }}</div>
</td>
</tr>
<tr>
<td>23. Sharing Information:</td>
<td colspan="3">
<div type="text">{{ $data_pribadi[0]->sharing_information }}</div>
</td>
</tr>
</table>
{{-- <button onclick="window.print()">Print</button> --}}
</body>
<script>
window.print()
</script>
</html>

4
resources/views/layout/header.blade.php
View File

@ -5,12 +5,12 @@
<div class="logo me-auto">
<h1 class="fs-5"><a href="/">Pelayanan Pelatihan</a></h1>
</div>
<form action="/logout" method="POST">
{{-- <form action="/logout" method="POST">
@csrf
<button class="btn-login" type="submit" style="color: white">Logout
<i class="mdi mdi-logout me-1"></i>
</button>
</form><!-- -->
</form><!-- --> --}}
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->

89
resources/views/layout/index.blade.php
View File

@ -1,10 +1,19 @@
@extends('layout.main')
<div class="hero_area">
@section('content')
@push('css')
<style>
.custom-card {
padding: 20px;
height: 100%;
}
</style>
@endpush
<br>
<!-- ======= Hero Section ======= -->
<section id="hero">
{{-- <section id="hero"> --}}
<div class="container">
{{-- <div class="container">
<div class="row">
<div class="col-lg-6 pt-5 pt-lg-0 order-2 order-lg-1 d-flex flex-column justify-content-center"
data-aos="fade-up">
@ -18,14 +27,13 @@
style="width: 500px;">
</div>
</div>
</div>
</div> --}}
</section><!-- End Hero -->
<main id="main">
<!-- ======= Features Section ======= -->
<section id="features" class="features my-5">
{{-- <section id="features" class="features my-5">
<div class="container">
<div class="row d-flex align-items-center">
<div class="col-lg-6 d-flex justify-content-center" data-aos="zoom-in">
@ -42,7 +50,7 @@
</div>
</div>
</section><!-- End Features Section -->
</section><!-- End Features Section --> --}}
<!-- ======= Services Section ======= -->
<section id="services" class="services">
@ -56,49 +64,64 @@
<div class="row">
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in">
<div class="icon-box icon-box-cyan">
<a href="/kpmd">
<div class="icon-box icon-box-cyan custom-card">
<div class="icon"><i class="bx bx-group"></i></div>
<h4 class="title"><a href="/kpmd">Pelatihan KPMD</a></h4>
<p class="description">Memberdayakan kader desa dengan pengetahuan dan keterampilan untuk
<h4 class="title" style="color:black">Pelatihan KPMD</h4>
<p class="description" style="color:black">Memberdayakan kader desa dengan pengetahuan
dan keterampilan
untuk
memajukan masyarakat desa.</p>
</div>
</a>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in"
data-aos-delay="100">
<div class="icon-box icon-box-cyan">
<a href="/bumdes">
<div class="icon-box icon-box-cyan custom-card">
<div class="icon"><i class="bx bx-group"></i></div>
<h4 class="title"><a href="/bumdes">Pelatihan BumDesa</a></h4>
<p class="description">Mendukung desa dalam mengembangkan badan usaha milik desa yang
<h4 class="title" style="color:black">Pelatihan BumDesa
</h4>
<p class="description" style="color:black">Mendukung desa dalam mengembangkan badan
usaha milik desa yang
produktif.</p>
</div>
</a>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in"
data-aos-delay="200">
<div class="icon-box icon-box-cyan">
<a href="/deswita">
<div class="icon-box icon-box-cyan custom-card">
<div class="icon"><i class="bx bx-group"></i></div>
<h4 class="title"><a href="/deswita">Pelatihan DesWita</a></h4>
<p class="description">Mengembangkan potensi pariwisata desa dan meningkatkan daya tarik
<h4 class="title" style="color:black">Pelatihan DesWita </h4>
<p class="description" style="color:black">Mengembangkan potensi pariwisata desa dan
meningkatkan daya tarik
wisata.</p>
</div>
</a>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in"
data-aos-delay="300">
<div class="icon-box icon-box-cyan">
<a href="/caltrans">
<div class="icon-box icon-box-cyan custom-card">
<div class="icon"><i class="bx bx-group"></i></div>
<h4 class="title"><a href="/caltrans">Pelatihan CalTrans</a></h4>
<p class="description">Persiapan komprehensif bagi calon transmigrasi untuk sukses dalam
<h4 class="title" style="color:black">Pelatihan CalTrans
</h4>
<p class="description" style="color:black">Persiapan komprehensif bagi calon
transmigrasi
untuk sukses dalam
perpindahan ke wilayah baru.</p>
</div>
</a>
</div>
</div>
</div>
</section><!-- End Services Section -->
<section>
<div class="container">
<div class="row">
@ -113,8 +136,8 @@
Pilih Waktu Grafik
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">Bulan</a>
<a class="dropdown-item" href="#">Tahun</a>
<a class="dropdown-item" href="#" id="ambilBulan">Bulan</a>
<a class="dropdown-item" href="#" id="ambilTahun">Tahun</a>
</div>
</div>
</div>
@ -122,14 +145,12 @@
Terkini.</p>
</div>
<div class="card-body pd-y-7">
<div id="project-budget"></div>
<div id="chart-dashboard"></div>
</div>
</div>
</div>
</div>
</section>
<!-- ======= Cta Section ======= -->
<section id="cta" class="cta">
<div class="container">
@ -140,13 +161,29 @@
<p>Mulai sekarang, jadikan perubahan positif dalam karier Anda! Lakukan pelatihan yang sesuai
dan kembangkan potensi Anda bersama kami.</p>
</div>
<div class="col-lg-3 cta-btn-container text-center">
<a class="cta-btn align-middle" href="#">Login</a>
<form action="/logout" method="POST">
@csrf
<div class="col-lg-12 cta-btn-container text-center">
<button class="cta-btn align-middle" type="submit">Logout</button>
</div>
</form><!-- -->
</div>
</div>
</section><!-- End Cta Section -->
</main><!-- End #main -->
<script>
let totalPelayananKPMD = {{ json_encode($dataChartKPMD) }};
let totalPelayananDesWita = {{ json_encode($dataChartDesWita) }};
let totalPelayananBumDes = {{ json_encode($dataChartCalTrans) }};;
let totalPelayananCalTrans = {{ json_encode($dataChartBumDes) }};;
let kategori = {!! json_encode($kategori) !!};
let totalTahunPelayananKPMD = {{ json_encode($dataChartKPMDtahun) }};
let totalTahunPelayananDesWita = {{ json_encode($dataChartDesWitatahun) }};
let totalTahunPelayananBumDes = {{ json_encode($dataChartCalTranstahun) }};;
let totalTahunPelayananCalTrans = {{ json_encode($dataChartBumDestahun) }};;
let tahunkategori = {!! json_encode($tahunCharts) !!};
</script>
@endsection

208
resources/views/layout/main.blade.php
View File

@ -98,6 +98,16 @@
href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,600,600i,700,700i"
rel="stylesheet">
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- font awesome style -->
<link href="/css/font-awesome.min.css" rel="stylesheet" />
<!-- Custom styles for this template -->
{{-- <link href="/css/style.css" rel="stylesheet" /> --}}
<!-- responsive style -->
<link href="/css/responsive.css" rel="stylesheet" />
<!-- Vendor CSS Files -->
<link href="/assets-login-landing/vendor/aos/aos.css" rel="stylesheet">
<link href="/assets-login-landing/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
@ -110,9 +120,7 @@
</head>
<body class="sub_page">
<header class="header-area header-sticky">
@include('layout.header')
</header>
<main id="main" style="min-height: 100vh;">
@ -121,13 +129,13 @@
@stack('js')
</main>
<footer id="footer">
@include('layout.footer')
</footer>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
class="bx bx-up-arrow-alt"></i></a>
<!-- jQery -->
<script src="js/jquery-3.4.1.min.js"></script>
<script src="{{ asset('js/jquery-3.4.1.min.js') }}"></script>
<script type="text/javascript">
$.ajaxSetup({
headers: {
@ -135,6 +143,7 @@
}
});
</script>
<script src="/assets-login-landing/vendor/aos/aos.js"></script>
<script src="/assets-login-landing/vendor/swiper/swiper-bundle.min.js"></script>
@ -161,7 +170,196 @@
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap">
</script>
<!-- End Google Map -->
<script>
var chart1
$(document).ready(function(e) {
var options1 = {
series: [{
name: 'Total Pelayanan KPMD',
// data: [40, 35, 78, 50, 75, 48, 62, 47, 80, 56, 40, 50],
data: totalPelayananKPMD,
},
{
name: "Total Pelayanan DesWita",
// data: [45, 30, 65, 35, 50, 70, 38, 60, 36, 65, 32, 45],
data: totalPelayananDesWita,
},
{
name: "Total Pelayanan BumDes",
// data: [21, 34, 54, 65, 77, 97, 53, 22, 43, 43, 23, 34],
data: totalPelayananBumDes,
},
{
name: 'Total Pelayanan CalTrans',
// data: [40, 35, 78, 50, 75, 48, 23, 33, 64, 65, 40, 50],
data: totalPelayananCalTrans,
},
],
chart: {
height: 330,
type: 'area',
zoom: {
enabled: false,
},
toolbar: {
show: false,
},
dropShadow: {
enabled: false,
enabledOnSeries: undefined,
top: 5,
left: 0,
blur: 0,
color: '#000',
opacity: 0,
},
},
dataLabels: {
enabled: false,
},
stroke: {
width: [3, 3],
curve: 'smooth',
dashArray: [0, 0],
},
legend: {
show: true,
position: 'top',
horizontalAlign: 'center',
fontWeight: 600,
tooltipHoverFormatter: function(val, opts) {
return val + ' - ' + opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] +
'';
},
labels: {
colors: '#74767c',
},
markers: {
width: 9,
height: 9,
strokeWidth: 0,
radius: 12,
offsetX: 0,
offsetY: 0,
},
},
markers: {
size: [0, 0],
hover: {
sizeOffset: 4,
},
},
colors: ['#ff5733', '#45b7cd', '#7a4bca', '#f7b13f'],
xaxis: {
// categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
categories: kategori,
axisBorder: {
show: true,
color: 'rgba(119, 119, 142, 0.05)',
},
axisTicks: {
show: true,
color: 'rgba(119, 119, 142, 0.05)',
},
},
tooltip: {
y: [{
title: {
formatter: function(val) {
return val + " (mins)";
},
},
},
{
title: {
formatter: function(val) {
return val + " per session";
},
},
},
{
title: {
formatter: function(val) {
return val;
},
},
},
],
},
grid: {
borderColor: 'rgba(119, 119, 142, 0.1)',
},
};
document.getElementById('chart-dashboard').innerHTML = '';
chart1 = new ApexCharts(document.querySelector("#chart-dashboard"), options1);
chart1.render();
$("#ambilTahun").on("click", function() {
chart1.updateOptions({
xaxis: {
categories: tahunkategori
},
series: [{
name: 'Total Pelayanan KPMD',
// data: [40, 35, 78, 50, 75, 48, 62, 47, 80, 56, 40, 50],
data: totalTahunPelayananKPMD,
},
{
name: "Total Pelayanan DesWita",
// data: [45, 30, 65, 35, 50, 70, 38, 60, 36, 65, 32, 45],
data: totalTahunPelayananDesWita,
},
{
name: "Total Pelayanan BumDes",
// data: [21, 34, 54, 65, 77, 97, 53, 22, 43, 43, 23, 34],
data: totalTahunPelayananBumDes,
},
{
name: 'Total Pelayanan CalTrans',
// data: [40, 35, 78, 50, 75, 48, 23, 33, 64, 65, 40, 50],
data: totalTahunPelayananCalTrans,
},
]
});
})
$("#ambilBulan").on("click", function() {
chart1.updateOptions({
xaxis: {
categories: kategori
},
series: [{
name: 'Total Pelayanan KPMD',
// data: [40, 35, 78, 50, 75, 48, 62, 47, 80, 56, 40, 50],
data: totalPelayananKPMD,
},
{
name: "Total Pelayanan DesWita",
// data: [45, 30, 65, 35, 50, 70, 38, 60, 36, 65, 32, 45],
data: totalPelayananDesWita,
},
{
name: "Total Pelayanan BumDes",
// data: [21, 34, 54, 65, 77, 97, 53, 22, 43, 43, 23, 34],
data: totalPelayananBumDes,
},
{
name: 'Total Pelayanan CalTrans',
// data: [40, 35, 78, 50, 75, 48, 23, 33, 64, 65, 40, 50],
data: totalPelayananCalTrans,
},
]
});
})
})
</script>
</body>

4
resources/views/login/index.blade.php
View File

@ -137,8 +137,8 @@
{{ session('errorLogin') }}
</div>
@endif
<h1 class="title">Welcome!</h1>
<p>Unlock your path to success by entering your login details.</p>
<h1 class="title">Selamat Datang!</h1>
<p>Silahkan Masukan Email dan Password Anda</p>
<div class="input-div one">
<div class="i">
<i class="fas fa-user"></i>

101
routes/web.php
View File

@ -16,8 +16,11 @@ use App\Http\Controllers\LoginController;
use App\Http\Controllers\ManajemenAdminController;
use App\Http\Controllers\PotensiSdmController;
use App\Http\Controllers\DataWisata;
use App\Http\Controllers\LandingController;
use Dflydev\DotAccessData\Data;
use Illuminate\Support\Facades\Route;
use App\Http\Middleware\Admin;
use App\Http\Middleware\Authenticate;
/*
|--------------------------------------------------------------------------
@ -30,66 +33,84 @@ use Illuminate\Support\Facades\Route;
|
*/
Route::get('/testing2', function () {
return view('KPMD.test');
});
// Route::get('/login', function () {
// return view('login.index');
// });
Route::get('/', [LoginController::class, 'login'])->name('login')->middleware('guest');
Route::get('/home', function () {
return view('layout.index');
})->middleware('auth');
Route::get('/data-pribadi-kmpd', function () {
return view('KPMD.index');
});
Route::get('/data-pribadi-bumdes', function () {
return view('BumDes.index');
});
Route::get('/data-pribadi-caltrans', function () {
return view('CalTrans.index');
});
Route::get('/data-pribadi-deswita', function () {
return view('DesWita.index');
});
// Route::get('/', [LoginController::class, 'login'])->name('login')->middleware([Admin::class, Authenticate::class]);
// Route::get('/data-pribadi-kmpd', function () {
// return view('KPMD.index');
// });
// Route::get('/data-pribadi-bumdes', function () {
// return view('BumDes.index');
// });
// Route::get('/data-pribadi-caltrans', function () {
// return view('CalTrans.index');
// });
// Route::get('/data-pribadi-deswita', function () {
// return view('DesWita.index');
// });
// Route::get('/data-distrik-kpmd', function () {
// return view('KPMD.data-distrik');
// });
// Route::get('/admin', function () {
// return view('Admin.layout.index');
// })->middleware('auth');
Route::get('/admin', function () {
return view('Admin.layout.index');
})->middleware('auth');
// Route::middleware(['admin'])->group(function () {
// Route::get('/admin', [AdminController::class, 'index']);
// });
// Route::get('/super-admin', function () {
// return view('Admin.Manejemen-Admin.index');
// });
Route::get('/test', function () {
return view('test.index');
Route::get('/testing', function () {
return view('KPMD.print-pages');
});
Route::GET('/login', [LoginController::class, 'login'])->name('login')->middleware('guest');
Route::post('/login', [LoginController::class, 'authenticate']);
Route::GET('/logout', [LoginController::class, 'logout']);
Route::POST('/logout', [LoginController::class, 'logout']);
Route::resource('potensi-sdm', PotensiSdmController::class)->parameter('potensi-sdm', 'potensi_sdms')->middleware('auth');
//--------------------------------------------------------------------------------------------------------
// Route::get('/home', function () {
// return view('layout.index');
// })->middleware('auth');
// Route::middleware(['auth', Admin::class])->get('/admin', function () {
// return view('Admin.layout.index');
// });
Route::get('/', [LoginController::class, 'login'])->name('login')->middleware('guest');
Route::controller(LandingController::class)->group(function () {
Route::get('/home', 'index')->middleware('auth');
Route::middleware(['auth', Admin::class])->get('/admin', 'indexdashboard');
});
Route::controller(LoginController::class)->group(function () {
Route::GET('/login', 'login')->name('login')->middleware('guest');
Route::post('/login', 'authenticate')->name('authenticate');
Route::GET('/logout', 'logout');
Route::POST('/logout', 'logout');
});
Route::resource('kpmd', DataPribadiKpmdController::class)->parameter('kpmd', 'data_pribadi_kpmds')->middleware('auth');
// Route::resource('data-distrik-kpmd', DataDistrikKpmdController::class)->parameter('data-distrik-kpmd', 'data_distrik_kpmds');
// Route::resource('kpmd-data-kpmd', DataKpmdController::class)->parameter('kpmd-data-kpmd', 'data-kpmds');
Route::resource('bumdes', DataPribadiBumdesController::class)->parameter('bumdes', 'data_pribadi_bumdes')->middleware('auth');
//Route::resource('data-distrik-bumdes', DataDistrikBumdesController::class)->parameter('data-distrik-bumdes', 'data_distrik_bumdes');
//Route::resource('bumdes-data-bumdes', DataBumdesController::class)->parameter('bumdes-data-bumdes', 'data_bumdes');
Route::resource('deswita', DataPribadiDeswitaController::class)->parameter('deswita', 'data_pribadi_deswitas')->middleware('auth');
//Route::resource('data-distrik-deswita', DataDistrikDeswitaController::class)->parameter('data-distrik-deswita', 'data_distrik_deswitas');
Route::resource('caltrans', DataPribadiCaltransController::class)->parameter('caltrans', 'data_pribadi_caltrans')->middleware('auth');
//Route::resource('data-distrik-caltrans', DataDistrikCaltransController::class)->parameter('data-distrik-caltrans', 'data_distrik_caltrans');
Route::post('save-bumdes-data-bumdes', [DataBumdesController::class, "savebumdes"])->name("savebumdesdatabumdes");
Route::post('save-kpmd-data-kpmd', [DataKpmdController::class, "savedatakpmd"])->name("savekpmddatakpmd");
Route::post('save-deswita-data-deswita', [DataDeswitaController::class, "savedatadeswita"])->name("savedeswitadatadeswita");
Route::post('save-caltrans-data-caltrans', [DataClatransController::class, "savedatacaltrans"])->name("savecaltransdatacaltrans");
Route::resource('super-admin', ManajemenAdminController::class)->parameter('super-admin', 'manajemen-admins')->middleware('auth');
Route::controller(ManajemenAdminController::class)->group(function () {
Route::put('/super-admin/{manajemenadmin}', 'update');
Route::delete('/super-admin/{manajemenadmin}', 'destroy')->name('manajemenadmin.destroy');
Route::resource('super-admin', ManajemenAdminController::class)->parameter('super-admin', 'manajemenadmin')->middleware('auth');
});
Route::GET('/coba', [DataPribadiKpmdController::class, "coba"])->name('coba');
Route::GET('/test', [DataPribadiBumdesController::class, "test"])->name('test');
Route::GET('/dpdeswita', [DataPribadiDeswitaController::class, "dpdeswita"])->name('dpdeswita');
Route::GET('/print-pages/{category}/{id}', [DataKpmdController::class, "printpages"])->name('printpages');
Route::GET('/print-pages-deswita/{category}/{id}', [DataDeswitaController::class, "printpagesdeswita"])->name('printpagesdeswita');
Route::GET('/print-pages-caltrans/{category}/{id}', [DataClatransController::class, "printpagescaltrans"])->name('printpagescaltrans');
Route::GET('/print-pages-bumdes/{category}/{id}', [DataBumdesController::class, "printpagesbumdes"])->name('printpagesbumdes');